阻止事件默认行为
event.preventDefault()去除一些标签默认行为（a标签，input提交表单按钮）
<body>
<form action="text,php">
<input type="submit" value="提交">
</form>
<a href="https:///www.baidu.com">跳转百度</a>
<script>
let input = document.querySelector('input')
let a = document.querySelector('a')
a.onclick = function(){
// console.log(event);
event.preventDefault()
}
input.onclick = function(){
event.preventDefault()
}
</script>
</body>
事件委托
利用冒泡事件监听加给父亲
1、给父元素添加监听事件
2.通过event.target得到目标元素，改变了对象（不再是父元素）再设置样式
<body>
<ul>
<li>目的地：太原</li>
<li>目的地：上海</li>
<li>目的地：北京</li>
<li>目的地：西安</li>
</ul>
<script>
var ul = document.querySelector('ul')
ul.addEventListener('click',function(){
event.target.style.backgroundColor = 'red'
})
</script>
</body>
1876
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
