码迷,mamicode.com
首页 > 其他好文 > 详细

阻止事件冒泡和默认行为,禁止键盘事件

时间:2018-06-26 22:39:49      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:win   value   ini   翻页   onkeydown   htk   默认   迅雷   函数   

阻止事件冒泡:

function(e){
  e = e || window.event;
  if (e.stopPropagation) e.stopPropagation();
  else e.cancelBubble = true;
}

取消事件默认行为:

function(e) {
  e = e || window.event;
  if(e.preventDefault) e.preventDefault();
  else e.returnValue = false;
}

阻止键盘输入

elem.onkeypress/onkeydown = function(e) {
   return false;
}

在浏览网页的时候,键盘有很多快捷操作,如按空格键滚屏 F5刷新,但是我们有时候需要禁用这些功能怎么办呢?

在浏览器开始调用动作前禁止掉

function initthis()
{
    document.onkeydown=showKey;//不能用onkeyup 否则还是有动作的
}

function showKey(evt)
{
     evt = (evt) ? evt : window.event;
     if(evt.keyCode==32)
     {
          return false;//禁止空格翻页
     }
}


实用例子:土豆 迅雷在线视频的播放页面 你在播放页面时候按空格键是不会滚屏的,但是在写评论的时候可以使用空格键(PS:迅雷这点没做好哦,输入空格还是会暂停视屏,只要你定义个变量,在填写输入框的时候改变变量就可以了,出来改回去)

if(evt.keyCode==32&&doing==0)
{
    return false;//禁止空格翻页
}

编写自定义的JavaScript函数maskingKeyboard()和rightKey();

maskingKeyboard():禁用键盘

rightKey():禁用鼠标右键

<script type="text/javascript">
        //屏蔽键盘的单击事件
        function maskingKeyboard(){
            if(event.keyCode == 8){
                event.keyCode = 0;
                event.returnValue = false;
                alert("当前不允许使用退格键");
            }
            if(event.keyCode == 13){
                event.keyCode = 0;
                event.returnValue = false;
                alert("当前不允许使用回车键");
            }
            }
            function rightKey(){
            if(event.button == 2){
                event.returnValue = false;
                alert("禁止使用鼠标右键");
            }
            }
      </script>

阻止事件冒泡和默认行为,禁止键盘事件

标签:win   value   ini   翻页   onkeydown   htk   默认   迅雷   函数   

原文地址:https://www.cnblogs.com/phoebeyue/p/9231309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!