码迷,mamicode.com
首页 > Web开发 > 详细

js 常用事件总结

时间:2018-05-07 19:48:49      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:tor   change   code   oninput   log   return   tac   col   htm   

无论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 常用事件总结

标签:tor   change   code   oninput   log   return   tac   col   htm   

原文地址:https://www.cnblogs.com/artimis/p/9004036.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!