html点击div触发弹窗事件怎么写代码?

html-css06

html点击div触发弹窗事件怎么写代码?,第1张

1:html代码

<div onclick = "aa()" id="div1"></div>

2:第二部,定义函数

function aa(){

alert("点击div,触发弹窗事件!")

}

用javascript

给元素添加点击事件, 然后显示  子元素!

之后给 document 加点击事件 隐藏子元素

记得 给元素事件 阻止冒泡

以下代码仅代表想法!

odiv.onclick=function(ev){

    var oEvent = ev || event

    oul.style.display='block'

    oEvent.cancelBubble = true

}

document.onclick=function(){

    oul.style.display='none'

}