js小技巧: 给div绑定keydown事件

要想给一个元素绑定keydown事件我们经常这样:

$(‘#some_thing‘).keydown(function(event){

......

})

但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性:

$(‘#some_div‘).attr(‘tabindex‘, 1).keydown(function(event){

......

}) 

js小技巧: 给div绑定keydown事件

时间: 2024-10-06 17:37:53

js小技巧: 给div绑定keydown事件的相关文章

input标签的accept属性、JQuery绑定keyDown事件

一. input标签的accept属性 当我们上传文件或者注册上传头像时,我们可以一般都是使用: <input type="file" id="my_file"> 但是这样的话,所有文件都会显示出来,这里以上传头像为例,一点击选择文件,所有跟图片无关的文件也会显示出来: 这时可以给input标签增加一个accept属性,让它只显示图片相关的文件: <input type="file" id="my_file"

JS小技巧大本事(持续更新)

1. 复制N个字符 1 String.prototype.repeat = function(num){ 2 return (new Array(++num)).join(this); 3 } 4 5 var a = 'A'; 6 a.repeat(5); //'AAAAA' 2. 替代if…else… 1 var result; 2 3 result = isTrue ? something : anotherthing; 4 result = something || anotherthin

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得

JS CKEditor使用setData后绑定click事件

CKEditor使用setData()时会自动丢失初始时绑定的时间,在百度时发现有很多方法都不对. 近期在做项目的时候,由于客户需要,将原来的文本格式的textarea标签更改成富文本编辑器--CKEditor,插件使用起来很方便,网上教程很多.API看起来比较麻烦. 为文本框添加绑定事件的两种方式: 1.CKeditor预加载时可以绑定一次: IS代码: var a = CKEDITOR.replace( id);//id是页面元素的ID值:ckeditor_onFocus是自己定义的方法 

js小技巧(二)

//移动的图层,拖动 1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span> <script language=javascript> var Obj; function MouseDown(obj) { Obj=obj

20个JS 小技巧超级实用

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart=”return false”> 3.JS不允许粘贴 onpaste=”return false” 4. JS防止复制 oncopy=”

fullpage.js小技巧

创造一个自适应的section: 在 section 类旁边加上类 fp-auto-height 例如:<div class="section fp-auto-height">Auto height</div> 不返回第一页(第一页只出现一次): 利用回调函数: onLeave (index, nextIndex, direction)监听 nextIndex , 当是第一页时 return false;  把它当监听鼠标滚轮事件:slide通过 鼠标滚轮 滑动

js小技巧--摘录1

原文地址https://github.com/loverajoel/jstips 1.数组中插入元素 a.尾部追加 var arr = [1,2,3,4,5]; var arr2 = []; arr.push(6); arr[arr.length] = 6; arr2 = arr.concat([6]); //快慢排序1. arr[arr.length] = 6; // 平均42 345 449 ops/sec 2. arr.push(6); // 慢34.66% 3. arr2 = arr.c

转:js小技巧 ,将彻底屏蔽鼠标右键,可用于Table ,取消选取、防止复制,IE地址栏前换成自己的图标

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3. onpaste="return false" 不