Day15

1-列举几个常见的浏览器兼容问题

  阻止事件冒泡兼容

  event.stopPropagation? event.stopPropagation():event.cancelBubble=true

  事件目标对象兼容

  var src = event.target || event.srcElement

  阻止默认行为兼容

  evt.preventDefault?evt.preventDefault():evt.returnValue=false

2-js 中给元素注册事件的方法有哪些?

  <input type="button" id="btn1" value="" />

  <script>
    var btn1=document.getElementById('btn1');
    //父节点
    var div=document.getElementById('parent');
    //给按钮添加单击事件
    btn1.onclick=function(){
    //1.创建节点
    var h2= document.createElement('h2');
    h2.innerHTML="我是新标题标签";
    //2.往父节点中插入
    div.appendChild(h2);
    }
  </script>

3-js 中给元素的移除事件的方法

  IE9以下不兼容

  div.removeEventListener('click',test,false)// 移除事件

  IE独有

  div.detachEvent('onclick', test)// 移除事件

4-阻止冒泡的方法

  e.preventDefault()阻止默认行为

  e.stopPropagation() 阻止冒泡,不阻止默认行为

5-阻止默认行为的方法

  return false

posted @ 2021-02-15 22:31  warisFairy  阅读(22)  评论(0)    收藏  举报