首頁(yè) 猿問(wèn) 請(qǐng)問(wèn)如何解決點(diǎn)擊p元素兩次才會(huì)出發(fā)...

請(qǐng)問(wèn)如何解決點(diǎn)擊p元素兩次才會(huì)出發(fā)alert()事件的問(wèn)題？要求點(diǎn)擊第一次就會(huì)觸發(fā)

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貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

<!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 反對(duì) 回復(fù) 2017-05-12