jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
更新时间:2016年01月22日 09:07:32 投稿:lijiao
这篇文章主要介绍了jQuery禁用键盘后退、屏蔽F5刷新、禁用右键单击功能等快捷方法,感兴趣的小伙伴们可以参考一下
本文实例介绍了四种jquery禁用多种功能的方法
1、禁用F5刷新jQuery实例代码
F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能。
代码如下:
$(document).ready(function(){ $(document).bind("keydown",function(e){ var e=window.event||e; if(e.keyCode==116){ e.keyCode = 0; return false; } }) })
2、jQuery禁用键盘后退、F5刷新等快捷键
$(document).keydown(function(event){ //屏蔽 Alt+ 方向键 ← //屏蔽 Alt+ 方向键 → if ((event.altKey)&&((event.keyCode==37)||(event.keyCode==39))) { event.returnValue=false; return false; } //屏蔽退格删除键 if(event.keyCode==8){ return false; } //屏蔽F5刷新键 if(event.keyCode==116){ return false; } //屏蔽alt+R if((event.ctrlKey) && (event.keyCode==82)){ return false; } });
3、禁用右键单击功能
代码如下:
$(document).ready(function() { $(document).bind("contextmenu",function(e) { alert("sorry! No right-clicking!"); return false; }); });
4、jQuery防止退格键网页后退的实现代码
$(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); });
以上就是本文的全部内容,希望对大家的学习有所帮助。
相关文章
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
这篇文章主要帮助大家轻松学习jQuery插件EasyUI,并且教大家如何利用EasyUI创建树形网络,感兴趣的小伙伴们可以参考一下2015-11-11
最新评论