分享

jQuery禁用浏览器快捷键 | WebUI框架使用参考

 昵称21365845 2016-03-02

禁用快捷键的思路应该是一目了然的,也就是阻止默认行为就可以了,使用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使用要小心,不能滥用。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多