首页
Javascript
Html
Css
Node.js
Electron
移动开发
工具类
服务端
浏览器相关
前端收藏
其他
关于

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

2014年05月26日 发布 阅读(398) 作者:懒炖

有时候我们需要把网页的右键菜单禁用,然后启用自己模似的右键菜单。或者我们为了避免用户习惯性的使用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 国际 许可协议,如需转载,请注明出处

评论

  •