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>
  • 相关阅读:
    倒计时模块(获取的是服务器上的时间——适合购物网站的抢购模块)
    javascript 双色球选号器
    最短AJAX创建代码
    poj2387 Til the Cows Come Home
    POJ2236 Wireless Network
    HDU2102 A计划
    HDU2028 Lowest Common Multiple Plus
    HDU2612 Find a way
    HDU1495 非常可乐
    UVa10603 Fill
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9231309.html
Copyright © 2011-2022 走看看