内容简介:翻译自: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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Domain-Driven Design Distilled
Vaughn Vernon / Addison-Wesley Professional / 2016-6-2 / USD 36.99
Domain-Driven Design (DDD) software modeling delivers powerful results in practice, not just in theory, which is why developers worldwide are rapidly moving to adopt it. Now, for the first time, there......一起来看看 《Domain-Driven Design Distilled》 这本书的介绍吧!