内容简介:翻译自:https://stackoverflow.com/questions/13797894/click-anchor-tag-link-on-enter-press
我有一个像锚的标签
<a class="btn btn-danger" id="clicking" data-bind="click: $root.enterLocation" href="#">Continue</a>
它在弹出窗口内.我需要按回车键点击此链接.我尝试了以下代码,但它对我不起作用.
$(document).ready(function(){
$(document).keyup(function(event){
if (event.keyCode == 13){
$("#clicking").trigger('click');
}
})
});
不确定为什么功能不起作用.我也使用了点击功能同样的结果.它在鼠标点击时正常工作.我需要在输入印刷机上自动工作.
以下代码在Firefox中正常运行.
$(document).ready(function () {
$(document).on("keyup", function (event) {
if (event.which == 13) {
document.getElementById("clicking").click();
}
});
});
如何在Chrome上完成这项工作?
jQuery规范化传递给事件处理程序的事件对象并修复这样的“问题”,这样您就不必担心了.同时,它似乎复制了一些原始事件的属性(“原始事件中的大多数属性被复制并标准化为新的事件对象.” – 来自jQuery API文档).这可能就是为什么它为其他人评论/回答“工作”的原因.传递给处理程序的事件参数已由jQuery生成/规范化,并且将使用正确的属性提供您需要的所有内容.但正确的方法是使用event.which来获取事件的规范化键码. http://api.jquery.com/event.which/
$(document).ready(function () {
$(document).on("keyup", function (event) {
if (event.which == 13) {
$("#clicking").trigger('click');
}
});
});
翻译自:https://stackoverflow.com/questions/13797894/click-anchor-tag-link-on-enter-press
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
JavaScript权威指南(第6版)
David Flanagan / 淘宝前端团队 / 机械工业出版社 / 2012-4-1 / 139.00元
本书是程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。 第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写,以便与时俱进,紧跟当今的最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。 本书适合那些希望学习Web编程语言的初、中级程序员和希望精通JavaScript的JavaSc......一起来看看 《JavaScript权威指南(第6版)》 这本书的介绍吧!