个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我有一个 HTML5 应用程序，它使用一些 input type="text"字段来输入文本。我正在捕捉击键事件，以便将某些字段链接在一起。
我在任何移动设备上测试时遇到问题。最初我在使用 Safari 或 Chrome 的 iPad 上尝试过。然而，后来我也在运行最新版本的 Mobile Firefox 的 android 设备上进行了尝试，并遇到了同样的问题。
问题在于，一旦输入元素发生变化，屏幕键盘就会消失。我尝试过以几种不同的方式执行此操作，但它似乎总是产生相同的效果——只要我将 focus() 放在不同的文本输入上，键盘就会消失。这代表了一个严重的流动障碍，因为它需要一个额外的 Action 来正确地重新选择一个已经被选中并且应该有焦点并获得键盘输入的文本字段。在手机等小型设备上，情况更糟，因为所有这些都伴随着缩放和平移，因为键盘的移除和重新显示会导致页面重新呈现。这与编辑文本文档时键盘停止工作并且每次按回车键都需要重新插入时所发生的情况类似 - 这显然是一个严重问题。
以下最少的代码重现了该问题:
<!doctype html>
<html lang="en">
<head>
<style type="text/css">
:focus { color: red; }
</style>
<script type="text/javascript">
function init() {
var tf1 = document.getElementById('tf1')
var tf2 = document.getElementById('tf2')
tf1.focus()
tf1.onkeydown = function(evt) {
if (evt.which == KeyEvent.DOM_VK_RETURN
|| evt.which == KeyEvent.DOM_VK_Q
|| evt.which == KeyEvent.DOM_VK_ENTER) {
tf2.focus()
if (evt.stopPropogation) evt.stopPropogation()
if (evt.preventDefault) evt.preventDefault()
return false
}
}
}
</script>
<body onload="init()">
<input type='text' id='tf1' value='field1' />
<input type='text' id='tf2' value='field2' />
</body>
</html>
我注意到的第一件事是，虽然初始 focus() 有效(元素变为红色)，但屏幕键盘没有出现。虽然这很麻烦，但点击以开始点击文本字段并不是什么大不了的事。然而，只要我按下任何触发键(我在其中输入了一个普通字符以确认它是什么无关紧要)，键盘突然消失了。这对我来说没有任何意义，不仅文本元素仍然聚焦，这需要屏幕键盘，而且是键盘事件改变了焦点，这表明可能仍然需要键盘 - 它是不像我这样做是因为延迟或其他原因。
我已经尝试过 onkeydown、onkeyup 和 onkeypress - 都表现出相同的行为。
如何防止屏幕键盘消失？我已经浪费了很多时间试图让这一关键功能发挥作用，但它仍然没有!我需要包含某种元标记吗？或者只是所有移动设备都存在的普遍存在的跨平台错误
最佳答案
尝试使用 click() 方法代替或在 tf1.focus() 之后使用；
像这样:
tf1.click();
这可能导致很少或没有软件键盘隐藏。
关于javascript - 当焦点从一个文本字段更改为另一个文本字段时，如何防止屏幕键盘消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20294585/
25
4
0
我需要一些帮助。这都是关于选项卡索引的。我有一个使用 document.getElementById("name").focus(); 的 JavaScript，其中 id="name"的 textb
这是我的第一篇文章，如果您想了解更多信息，请告诉我! 我正在使用选择列表和 jQuery Accordion 。当用户从列表中选择一个值时，它会使用 activate 方法打开折叠面板的相关部分。 除
JQM 1.3.2/ASP.NET MVC 4 当选择一个值时，焦点没有正确设置到输入字段，我错过了什么？ 周围的典型 jqm-shadow 没有从选择中移除，输入得到阴影效果，但光标没有设置到输入字
我正在为 Android 开发一个播放列表应用程序，它有一个包含歌曲名称 (TextView) 作为其列表项的 ListView。 随着歌曲的播放，我想突出显示 ListView 中的项目，直到歌曲结
我在这里不知所措，以前从来没有遇到过这个问题。 我无法让 focus() 在任何浏览器中工作。我正在使用 jquery，甚至不能让它与标准的 javascript 一起工作。我也尝试添加超时但仍然没有
登录后我有一个文本字段。登录后光标将自动聚焦在该文本字段上。如何验证该文本字段上是否存在光标/焦点？ 文本框的HTML代码如下: 最佳答案 您也可以尝试直接的 webdriver 方法: drive
我有一个框架和一个面板。我永久删除面板并添加另一个面板。添加新面板后，我需要 JTextField 来获得焦点。我该怎么做？ 我尝试了 panel.requestFocus() 方法，但没有成功。 示
这个问题在这里已经有了答案: 关闭 13 年前。 Possible Duplicate: Trouble with jquery lavalamp 出于某种原因，无论我点击哪个链接，我的背景颜色都会
在我的表单验证中，在提交时，我正在验证表单，并找到未填充的元素并使用此函数进行聚焦:工作正常 switch (tagName) { case 'TEXT': if (!actualVa
我最近构建了一个 JS/CSS 模态系统。该元素使用的是 Bootstrap 模式，但通过在其中放置无法滚动或无法正确聚焦在移动设备上的表单和大量内容，将其推向了极限。 可以触发模态系统here单击大
我正在建立一个网站，但我想将图片放在背景中，但我无法将其放在我想要的位置。 我希望网页上图像的“焦点”位于图像中心几像素处。宽度我都能看出来，但是高度没有。 图像分辨率为“5760x3840px”。
这个问题在这里已经有了答案: using :focus pseudo class on li or other element else than a,input,button, etc (2 个
每当我创建编辑器的另一个实例(在我的例子中，通过 onkeypress 事件)，我就会失去对创建新编辑器时正在输入的编辑器的关注。我怎样才能防止所有编辑都失去对任何事件的关注？ 最佳答案 为此，Qui
我试图将焦点放在一个字段上，更改文本的颜色，但无论我尝试什么:它都不起作用。以下是 HTML: .register-section input:focus + .register-section la
我已经为微调器选择的变化设置了一个监听器。在监听器中，我想关注一个 EditText 字段。我使用了以下代码: text_other_msg.setFocusable(true); 它不起作用。我还尝
我在表单屏幕上有几个 UITextField 输入，其中一些有一个数字键盘显示，通过自定义弹出窗口显示。当用户在字段中前进时，我们会根据需要关闭或打开弹出窗口。在 iOS 11 中，似乎“第一响应者”
我在 jQueryUI 中输入焦点时遇到问题。我在按钮上使用了 hover() 方法并且它正在工作，但是输入上的 focus() 不起作用。我不知道为什么。这是代码和 fiddle $(documen
有没有办法在自动对焦完成后随时获取对焦点？ 在 Apple 的示例代码中，他们使用: - (void)subjectAreaDidChange:(NSNotification *)notifi
如果我的焦点不在 textField 上，如何移除 NSTextField 上的焦点？ 我有一个 NSTextField，我设置了操作:编辑结束时发送。单击 textField 后，当我单击 View
如何通过 jQuery 实现这一点？ 当用户单击表单中的任何输入时，它就会获得焦点。当用户从任何输入中单击表单外时，它会变得模糊，但是，在表单本身的输入之间进行 Tab 键切换之间不会触发模糊。 对于
我是一名优秀的程序员,十分优秀！