请问如何解决点击p元素两次才会出发alert()事件的问题？要求点击第一次就会触发
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>Div father
<br>
<p>click me</p>
</div>
</body>
<script>
var div=document.querySelector('div')
div.onclick=function (event) {
if(event.target.tagName=="P"){
var pElement=event.target
pElement.onclick=function (event) {
alert(' i am p')
event.stopPropagation()
}
}
}
</script>
</html>
Willsf浏览 1748回答 3
3回答
-
Caballarii
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div>Div father <br> <p>click me</p> </div> </body> <script> var div=document.querySelector('div') div.onclick=function (event) { if(event.target.tagName=="P"){ alert(' i am p') event.stopPropagation() } } </script> </html>干嘛要在p上再绑一次？多此一举
随时随地看视频慕课网APP
相关分类
Html5
JavaScript