最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
解决onkeydown与onkeyup在火狐与谷歌不兼容问题
时间:2013-11-26 编辑:简简单单 来源:一聚教程网
正常情况下,我们通常都是在input内捕获onkeydown或者onkeyup事件做一些常用的处理,比如限制输入某一类型的字符,或者限制输入长度等等。
如果要在DIV里捕获这些onkeydown与onkeyup事件则是有浏览器兼容的,如果你直接在节点上绑定属性如:
代码如下 | 复制代码 |
那么在IE下是可以工作的,而在FireFox、Chrome下则无法工作。当然,有解决方法,两种:
第一种,在div上添加contenteditable="true"
代码如下 | 复制代码 |
|
FireFox:
Chrome
这种方法适合把DIV当做一个编辑器来使用时,这么干极其方便,或者仅只是想获取键盘输入而又不输入字符时可以在onkeydown后return false即可。或者你可以使用第二种方法。
第二种 在div上添加tabindex属性
代码如下 | 复制代码 |
|
FireFox:
Chrome
tabindex的值是多少都可以,只要有这个属性存在,tabindex的实际作用是用户按tab键时焦点顺序切换的索引设置,结果居然可以解决这个兼容性问题,并且不会影响它本身的功能使用,当你给DIV加上tabindex=0以后,你进入网页按下tab键第一个焦点依然先索引到被加了tabindex=0的DIV。
关于有朋友反问过我在DIV上捕获键盘输入事件有什么用?我想这个问题太高深莫测了,可能对于有些项目没用,但对于某些特殊的网页应用是必不可少的!
-
上一个: 简单的Javascript倒计时代码
-
下一个: js中添加事件三种方法小结
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31