jquery 禁用浏览器快捷键

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

 
$(document).keydown(function(e){

if(e.ctrlKey && e.which==70){

        e.preventDefault();

    }

});

 

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

 
$(document).keydown(function(e){

if(e.ctrlKey && e.which==70){

        e.preventDefault();

        e.keyCode = false;//加上这一句

    }

});

 

 

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

 
$(document).keydown(function(e){

if(e.ctrlKey && e.which==70){

        e.preventDefault();

//如果支持window.event(IE肯定是支持的)

if(window.event){

            window.event.keyCode = false;

        }

    }

});

 

 

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

posted @ 2017-06-26 13:35  lcawen  阅读(904)  评论(0)    收藏  举报