1. 程式人生 > >js 常用事件總結

js 常用事件總結

pre style 不支持 con class 隨著 hist PE 手機

無論web端還是手機端,用戶的交互總伴隨著事件監聽

下面是我總結的一些常用到的事件

1.監聽標簽內容變化

非input元素

$(dom).bind(‘DOMNodeInserted‘,function(e){
    console.log($(e).target.html)    //IE8-不支持  
})

$(dom).bind(‘DOMNodeRemoved‘,function(e){
    console.log($(e).target.html)  //IE8-不支持 
})

input元素

var inputDom=document.createElement(‘input‘);
if(‘oninput‘ in inputDom){ inputDom.addEventListener(‘input‘,fn,false) //識別oninput,非IE }else{ inputDom.attachEvent(‘onpropertychange‘,fn); //IE }

2.禁止事件

<input onselectstart=‘return false‘>  //禁止雙擊全選
<div onpaste=‘return false‘>  //禁止粘貼

3.返回事件

<button onclick=‘history.back()‘>click me</button> <!--返回上一級並且不刷新數據-->

<button onclick=‘history.go(-1)‘>click me</button>   <!--返回上一級並且刷新數據-->

js 常用事件總結