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>
  • 相关阅读:
    Git学习笔记(一)
    sql复制表结构及复制表数据
    C#连接Oracle数据库查询数据
    ExcelHelper.cs
    MongoHelper.cs
    Accesshelper.cs
    Android_布局属性大全
    [WinForm]Dundas Chart控件学习(附源码)
    [Android]Adb connection Error:远程主机强迫关闭了一个现有的连接
    html to openxml
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9231309.html
Copyright © 2011-2022 走看看