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