事件代理

時間 2019-11-05

標籤事件代理简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.box{
border: 1px solid red;
margin-bottom: 20px;
}
</style>
</head>
<body>
<button class="btn">添加一個</button>
<div class="box">666666</div>
<script src="js/jquery-2.2.3.js"></script>
<script>
var oBtn = document.querySelector(".btn");
var oBox = document.querySelector(".box");
oBtn.onclick = function(){
var crdiv = document.createElement("div");
crdiv.className = "box";
crdiv.innerHTML = "6666666";
document.body.appendChild(crdiv);
};html

document.onclick = function(e){
e = e || window.event;
target = e.target || e.srcElement;
if(target.className == "box"){
alert(target.innerHTML);
}
};
</script>
</body>
</html>jquery

1. 事件流，事件代理
2. 事件代理
3. delegate事件代理
4. JS - 事件代理
5. jQuery事件代理
6. Js - 事件代理
7. JS 事件代理
8. javascript事件代理
9. vue事件代理
10. JavaScript事件代理
更多相關文章...
• C# 事件（Event） - C#教程
• jQuery Mobile 事件 - jQuery Mobile 教程
• IntelliJ IDEA安裝代碼格式化插件
• Docker 清理命令

相關標籤/搜索