html点击div触发弹窗事件怎么写代码？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html点击div触发弹窗事件怎么写代码？相关的知识，希望对你有一定的参考价值。
1:html代码<div onclick = "aa()" id="div1"></div>
2:第二部，定义函数
function aa()
alert("点击div，触发弹窗事件！");
参考技术A 在html 上写的话<div onclick="myFunction()">我是div标签</div>
然后在对应的myFunction的方法中 触发你要的弹框 就可以 比如说
myFunction （）｛
alert(1)
｝ 参考技术B <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#main
width: 100px;
height: 100px;
background-color: red;
</style>
<script>
window.onload = function()
let main = document.getElementById("main");
main.onclick = function()
alert("have been clicked");
</script>
</head>
<body>
<div id="main"></div>
</body>
</html>本回答被提问者采纳
为啥我uniapp能用div
参考技术A 遇到的问题场景：点击按钮 出现自己写的弹窗，点击其他空白处 消失弹窗思路：点击按钮的时候 获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。
第一步：为元素绑定ref，添加tabindex属性，绑定blur事件

第二步：为div获取焦点写事件

第三步：为div失去焦点写事件

贴示：
（1）获取焦点需要用$nextTick包含，否则会获取不到
（2）$refs加变量方法 ['tip'+id]，id为变量
以上是关于html点击div触发弹窗事件怎么写代码？的主要内容，如果未能解决你的问题，请参考以下文章