HTML5 input焦点键盘d出问题_随笔

最近项目有个需求，我们使用的是PDA装置，它有扫描q，可以让扫描出来的内容填写到html的input控件中。

但是有一个棘手问题，就是input控件只要获取焦点，就会d出键盘。

项目的需求，希望刚开始时，只是将焦点聚集在input控件上，可以通过扫描q输入，然后点击input控件时，还能d出键盘进行修改。

这个问题解决核心就是 input控件聚焦的时候，不d出键盘，当点击的时候，才d出键盘。

尝试了很多方法，最后发现了readOnly属性一个诡异作用。当调用 input控件的focus()方法时，如果readOnly属性为true，那么不会d出键盘，但是焦点已经在 input控件上了。这个时候，再将readOnly属性设置为false，那么这个时候键盘不会d出，但是可以扫描q输入了。

示例:

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<body>标签中，输入js代码：

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面，此时点击按钮d出了提示框。

就是当用户 *** 作一个 HTML 元素(如按钮，文本框，选择框等)时，触发某种事件（如点击事件onclick、值变化事件onchange等），从而启动一段 JavaScript动作。

常用的事件有几类：

1. 窗口事件，如onload（当页面被载入时执行），onunload

2. 表单元素事件，如onchange, onsubmit,onreset,onselect,onblur,onfocus

3. 键盘事件，如onkeydown,onkeypress,onkeyup

4. 鼠标事件，如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove

举个小例子：按钮被点击时触发d出一个告警框。

这里的onclick="javascript函数()"就是HTML的事件属性。

有问题再问吧。

欢迎分享，转载请注明来源：内存溢出

HTML5 input焦点键盘d出问题