已解决430363个问题，去搜搜看，总会有你想问的

请问如何解决点击p元素两次才会出发alert()事件的问题？要求点击第一次就会触发

首页猿问请问如何解决点击p元素两次才会出发...

请问如何解决点击p元素两次才会出发alert()事件的问题？要求点击第一次就会触发

Html5 JavaScript

Willsf 2017-05-12 13:42:59

<!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>

查看完整描述

3 回答

已采纳

Caballarii

TA贡献1123条经验获得超629个赞

<!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上再绑一次？多此一举

1 反对回复 2017-05-12