js 常用事件总结

Posted 2020-11-03 artimis

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 常用事件总结相关的知识，希望对你有一定的参考价值。

无论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 常用事件总结的主要内容，如果未能解决你的问题，请参考以下文章