解决Enter键与input 、a标签触发的事件的冲突
2016-09-27 14:26
253 查看
无论是
<button type="button" onclick="console.log('123');">123</button>
还是
<a href="#" onclick="console.log('123');">测试链接</a>
在点击并且触发完事件后,当我们继续按下enter键时。会不断的触发点击事件。解决方案如下:
$(document).on('keydown', function(e){
if(e.keyCode === 13)
{
e.preventDefault();
}
})
<button type="button" onclick="console.log('123');">123</button>
还是
<a href="#" onclick="console.log('123');">测试链接</a>
在点击并且触发完事件后,当我们继续按下enter键时。会不断的触发点击事件。解决方案如下:
$(document).on('keydown', function(e){
if(e.keyCode === 13)
{
e.preventDefault();
}
})
相关文章推荐
- A标签触发onclick事件而不跳转的多种解决方法
- input标签内容改变的触发事件
- IE9浏览器onpropertychange和oninput事件对delete键和剪切不触发问题解决方法
- jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
- 实时监听input标签输入 实时监听文本框输入 避免中文输入法无法触发onkeyup事件的问题
- input的onchange事件实际触发条件与解决方法
- EasyUi中的datagird中a标签的click事件无法触发?(已解决)
- 中文输入法导致html input的onkeyup事件无法被触发,解决方法
- 关于input的file框onchange事件触发一次失效的新的解决方法
- jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
- javascript触发input:file的选择事件及只触发一次的解决
- input标签内容改变的触发事件
- [Phonegap+Sencha Touch] 移动开发16 安卓webview中,input输入框不触发backspace回退键事件的解决办法(带来其他bug,作废)
- A标签触发onclick事件而不跳转的多种解决方法
- A标签触发onclick事件而不跳转的多种解决方法
- input标签内容改变的触发事件介绍
- input标签内容改变的触发事件
- input标签内容改变的触发事件介绍
- input的onchange事件实际触发条件与解决方法
- input中blur失去焦点事件与点击事件冲突的解决方法