Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<!-- 1.在form属性中设置onsubmit的值为 return FALSE可以达到禁止按钮提交 -->
<form action="" onsubmit="return false">
<!--2. button 中的type属性改成button就可以达到禁止按钮提交 -->
<button name="tijiao" type="button"></button>
</form>
<script>
document.querySelector('ul').onclick = function(ev){
// 这里的currentTarget指向的是UL
ev.currentTarget
// 这里的target指向的是UL下级的LI
ev.target
// this和currentTarget的值一样,永远指向的是添加的监听对象
// 在最低一级中,target 和 currentTarget的值是一样的。target是触发对象,currentTarget是添加绑定的对象
}
document.forms.tijiao.onclick = function(ev){
// 3.拿到按钮,禁用提交行为
ev.preventDefault()
}
</script>
</body>
</html>