首页

Javascript

Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于
公司注册

使用js禁用右键菜单、F5刷新和Ctrl+R刷新、backspace键、esc键

2014年05月26日 发布 阅读(4156) 作者：Jerman

有时候我们需要把网页的右键菜单禁用，然后启用自己模似的右键菜单。或者我们为了避免用户习惯性的使用F5刷新或使用Ctrl+r键刷新导致表单数据的丢失，我们还需要把F5键和ctrl+r键都屏蔽掉。甚至根据需要还可能会屏蔽退格键(Backspace)和退出键(Esc)。

(下面的代码都是基于jQuery库)

禁用网页右键菜单:

  1. $(document).on("contextmenu", function (e) {
  2.     //...此处定义自己的右键菜单
  3.     return false
  4. })

F5刷新和Ctrl+R刷新、backspace键、esc键都是使用event的keyCode属性

  1. $(document).off().on("keydown", function (event) {
  2.     var key = event.keyCode;
  3.     //便于说明，下面代码使用多个if，应用时可使用"||"合并
  4.     if (key == 116) {
  5.         //禁用F5刷新
  6.         return false;
  7.     } else if (key == 27) {
  8.         //禁用esc键
  9.         return false;
  10.     } else if (key == 8) {
  11.         //禁用Backspace退格键
  12.         return false;
  13.     } else if(event.ctrlKey && key==82){
  14.         //禁用ctrl+R刷新
  15.         return false;
  16.     }
  17. })
版权声明：本站文章除特别声明外，均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议，如需转载，请注明出处

© 2018 IMQIANDUAN.COM 粤ICP备18143223号