阻止事件冒泡和默認行為,禁止鍵盤事件


阻止事件冒泡:

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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM