现在的位置: 首页 > Tools > jQuery > experience > 正文
jQuery禁用浏览器快捷键
2014年10月13日 experience, javascript ⁄ 共 807字 暂无评论 ⁄ 被围观 5,123 views+

禁用快捷键的思路应该是一目了然的,也就是阻止默认行为就可以了,使用jQuery的话,则更是一个preventDefault()函数就搞定了,比如禁用浏览的CTRL+F的搜索快捷键,下面是典型的代码:

  1. $(document).keydown(function(e){
  2.     if(e.ctrlKey && e.which==70){
  3.         e.preventDefault();
  4.     }
  5. });

这段代码在大多数浏览器下,可以正常工作了,不过在IE8下,CTRL+F之后,搜索框依旧坚挺地出现了。于是求助于万能的英特网,说是IE下需要设置为keyCode为false,于是代码改成下面的:

  1. $(document).keydown(function(e){
  2.     if(e.ctrlKey && e.which==70){
  3.         e.preventDefault();
  4.         e.keyCode = false;//加上这一句
  5.     }
  6. });

刷新一下,很失望,在IE8下,CTRL+F之后,搜索框依旧立刻蹦跶出来。百思不得其解的时候,经朋友提醒,可能是jQuery封装事件的缘故,用原生的javascript试试,于是再改成:

  1. $(document).keydown(function(e){
  2.     if(e.ctrlKey && e.which==70){
  3.         e.preventDefault();
  4.         //如果支持window.event(IE肯定是支持的)
  5.         if(window.event){
  6.             window.event.keyCode = false;
  7.         }
  8.     }
  9. });

赶紧再刷新一下,娘西屁的,终于解决了,jQuery封装出来的事件确实有很大的不同之处。通过这个小问题的纠结,再次说明了jQuery使用要小心,不能滥用。

给我留言

留言无头像?


×