在页面给按钮绑定键盘事件

$(function(){
        $(document).keyup(function(event){
            if (event.keyCode == 13 ) {
                save();
            }
        });

})

时间： 2024-11-07 04:18:13

在页面给按钮绑定键盘事件的相关文章

html5标签div可绑定键盘事件方法

我们知道键盘事件一般用在input这些可以获取焦点的元素上,但是作为div,尽管官方上说可以绑定键盘事件,但是我写了以后发现不生效,于是找答案. 果然,找到了一个神器:tabindex 它是html5标签的一个属性,默认它的值是-1也就是不可以,在div上,我们要设置这个值不超过999就可以了. document.querySelector('div').setAttribute("tabindex", 1)&&document.querySelector('div')

jquery按钮绑定特殊事件

本文主要介绍点击一个按钮处理事件的一些特殊情况和技巧. 一.第一次点击触发一个函数,之后点击都触发另一个函数 1.小白实现 2.大神实现代码如下: <body> <button>click me</button> <script> function bind(func1, func2) { let func = null return function() { (!func ? (func = func2, func1) : func).apply(thi

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex

javascript 键盘事件总结

原文:http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html#2583814 在进入正题前,我们看一下浏览器对于键盘的一些默认事件,这有助于我们用javascript截获键盘事件. 在form中, submit的快捷键是 enter,reset的快捷键是 esc.不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick

夺命雷公狗jquery---21-bind为jquery对象绑定相关事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> //页面载入ready方法 $(function(){ //为按钮绑定单击事件 $('#btnok').bind('click',f

jquery 组合键键盘事件

jQuery处理键盘事件,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作... 本文讲述jQuery处理按键的原理和方法 jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: view source print? 1 keydown(); 2 keyup(); 3 keypress(); keydown() keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发

chrome下教你如何查看元素绑定的事件

说在开头在前端调试的时候,我们经常遇到这一个问题,要想审查特定元素上绑定的事件; 通常来讲,在chrome开发者工具有一栏Event listeners可以查看特定元素上绑定的事件如下图所示: 这里我做了一个测试,不管是使用Dom0级规范中 listeners均能显示所绑定事件类型,并且点击对应js文件后,能正确指向对应的事件处理函数. 更加强大的是,如果我们给其父元素绑定事件,由于事件冒泡的关系,查看子元素的Event listeners中也能看到该事件: 当然查看父元素的Event li

捕获enter键盘事件绑定到登录按钮

/** *捕获enter键盘事件绑定到登录按钮 */ function keyLogin(event) { if (event.keyCode == 13) { document.getElementById("login_button").click(); } }

ckeditor 键盘事件绑定

键盘事件绑定: <html> <head> <base href="<%=basePath%>"> <title>Insert title here</title> <script type="text/javascript" src=\'#\'" /ckeditor/ckeditor.js"></script> </head> <b