HTML/JS頁面的一些經常使用操做

禁止頁面鼠標拖動元素

  • onselectstart="return false"
如:<body onselectstart="return false">

處理鍵盤事件 禁止後退鍵(Backspace)密碼或單行、多行文本框除外

function forbidBackSpace(e) { var ev = e || window.event; //獲取event對象 var obj = ev.target || ev.srcElement; //獲取事件源 var t = obj.type || obj.getAttribute('type'); //獲取事件源類型 //獲取做爲判斷條件的事件類型 var vReadOnly = obj.readOnly; var vDisabled = obj.disabled; //處理undefined值狀況 vReadOnly = (vReadOnly == undefined) ? false : vReadOnly; vDisabled = (vDisabled == undefined) ? true : vDisabled; //當敲Backspace鍵時,事件源類型爲密碼或單行、多行文本的, //而且readOnly屬性爲true或disabled屬性爲true的,則退格鍵失效 var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true); //當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效 var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"; //判斷 if (flag2 || flag1) return false; }

禁止後退鍵 做用於Firefox、Opera

  • document.onkeypress = forbidBackSpace;

禁止後退鍵  做用於IE、Chrome

  • document.onkeydown = forbidBackSpace;

窗口關閉前的事件(如增長layui的加載層)

window.onbeforeunload=function(){
  layer.load(1,{
    shade:0.3
  });
};
相關文章
相關標籤/搜索