javascript – 点击输入按下的锚标记链接

栏目: jQuery · 发布时间: 5年前

内容简介:翻译自: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上完成这项工作?

我认为问题在于您使用的是event.keyCode,并不总是在所有浏览器中使用.有些浏览器使用event.charCode甚至是不同的event.which,这可能会被你正在使用的东西支持.无论如何,使用jQuery从事件中获取keycode的正常方法是使用event.which.

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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

征服C指针

征服C指针

前桥和弥 / 吴雅明 / 人民邮电出版社 / 2013-2 / 49.00元

《图灵程序设计丛书:征服C指针》被称为日本最有营养的C参考书。作者是日本著名的“毒舌程序员”,其言辞犀利,观点鲜明,往往能让读者迅速领悟要领。书中结合了作者多年的编程经验和感悟,从C语言指针的概念讲起,通过实验一步一步地为我们解释了指针和数组、内存、数据结构的关系,展现了指针的常见用法,揭示了各种使用技巧。另外,还通过独特的方式教会我们怎样解读C语言那些让人“纠结”的声明语法,如何绕过C指针的陷阱......一起来看看 《征服C指针》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具