zoukankan      html  css  js  c++  java
  • 阻止事件冒泡和默认行为,禁止键盘事件

    阻止事件冒泡:

    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>
  • 相关阅读:
    SVN的具体使用方法介绍(安装以及操作)
    谈谈敏捷开发
    008.MVC与数据库的交互
    001.MVC基本概述
    WebApi接口测试工具
    014.存储过程(sql实例)
    我们为什么需要DTO(数据传输对象)
    ASP.NET使用WebApi接口实现与Android客户端的交互(图片或字符串的接收与回传)
    面试题库[2]
    关于单例模式getInstance()的使用
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9231309.html
Copyright © 2011-2022 走看看