相关疑难解决方法(0)

我已经在一个网站上工作了几个月,很多时候我一直在尝试编辑某些东西,我必须使用!important,例如:

div.myDiv { 
    width: 400px !important;
}

为了使其按预期显示.这是不好的做法吗？或者!important命令可以使用吗？这会导致任何不希望的事情进一步下线吗？

使用这些css样式,我会阻止页面上突出显示的文本选择.但这会导致输入字段在Safari上被用户输入锁定.

* {
-webkit-touch-callout: none;
-webkit-user-select: none; // locks fields on Safari
-khtml-user-select: none; // locks fields on Safari
-moz-user-select: none;
-ms-user-select: none;
user-select: none;      
}

在Safari上是否有办法防止用户选择而不干扰输入字段？

我<input>在iPad上运行我的应用程序时遇到了麻烦.

在桌面上,单击文本框,键入文本,然后单击按钮以验证输入.但是在iPad上,单击它时会打开键盘面板,但键入时文本框中不会显示文本.
为了使事情变得更奇怪,我<textarea>在应用程序的另一部分中有一个完美的工作.区别在于一个位于应用程序之上,另一个位于导入的html中.

应用程序的结构如下:

在顶部我有主HTML5页面,它导入一个包含3个div的html页面.每个div依次导入其他html页面.这些页面各有不同的内容,包括有问题的输入字段.像这样的东西:

Main.html
    -> container.html (imported via iframe)
        -> div1 (imports page n-1 via load(url))
        -> div2 (imports page n via load(url))
        -> div3 (imports page n+1 via load(url))

pageN.html
    -> contains the <input> field

<textarea>坐在主html上的代码是这样的:

<form id="formNotes">
    <textarea id="mainTextbox" type="text" onKeyUp="RefreshNote()" onChange="RefreshNote()"></textarea>
</form>

<input>导入的html页面中的字段代码如下:

input{
    -webkit-user-select: auto;
}

<form id="formInput">
    <input id="text1" type="text" ontouchstart="OpenKeyboard(this)" onKeyDown="WriteText(this)" onKeyUp="WriteText(this)" onChange="WriteText(this)"></input>
</form>

我在导入的HTML上使用事件时学到的一件事是你需要使用ontouchstart和其他来调用click函数.但在这种情况下,我可以让iPad打开键盘,所以我不知道为什么它没有识别键盘键上的点击,或者为什么它没有将值发送到文本框中.

[编辑:]我发现我没有收到任何文字的原因是因为iPad认为该<input>字段不存在(它在警报中显示为空白,而不是[object Object]或[object HTMLInputElement]).我不知道为什么.

[编辑2:]我尝试使用getElementsByTagName …

我希望有人能够告诉我为什么我的文本输入在我使用jquery mobile的Phonegap项目中无效.这是DropBox中我的XCode项目的链接:

https://www.dropbox.com/sh/49t41ixh72at9q5/yc8USE2Lun

获得焦点时,文本字段不允许文本输入.您需要在www /文件夹中打开index.html.

这是一个Phonegap项目,使用jquery mobile和xcode来运行ios模拟器.

导致问题的代码示例如下:

<div data-role="content">   
  <label for="basic">Text Input:</label>
  <input type="text" name="name" id="basic" value=""  />
</div><!-- /content -->

更新:解决了!

看看下面的链接:

Phonegap styles -webkit-user-select:none; 禁用文本字段