將 onclick 事件偵聽器添加到容器 div。
我嘗試了以下操作，如您所見，該事件似乎未注冊。如何將偵聽器添加到此 div？
我想要的 div id 是“engineersContainer”。
document.getElementById("engineersContainer").addEventListener("click", function(e) {
console.log("It was clicked");
alert("It was clicked");
});.barContainer {
margin: 2px;
border: 2px solid black;
border-radius: 20px;
width: 200px;
//width:-moz-fit-content;
//width: fit-content;
padding: 5px;
overflow: hidden;
position: relative;
background: #34e8eb;
z-index: -1;
}
.containerHeader:before {
content:"";
background: skyblue;
position: absolute;
inset: 0;
z-index: -1;
height:45px
}<div id="engineersContainer" class="barContainer">
<div id="engineerList" class="containerHeader" style="font-size:1.5em; text-align:center">Current Engineer </div>
<div> Engineer's Name</div>
<div id="clickText" style="padding-bottom: 10px; font-size:0.75em; text-align:center "> (Click to See All Permits) </div>
</div>uj5u.com熱心網友回復：
- 洗掉 -1 z-index
- 在頁面加載事件中添加事件監聽器
window.addEventListener("load", function() {
document.getElementById("engineersContainer").addEventListener("click", function(e) {
console.log("It was clicked");
});
});.barContainer {
margin: 2px;
border: 2px solid black;
border-radius: 20px;
width: 200px;
//width:-moz-fit-content;
//width: fit-content;
padding: 5px;
overflow: hidden;
position: relative;
background: #34e8eb;
}<div id="engineersContainer" class="barContainer">
<div id="engineerList" class="containerHeader" style="font-size:1.5em; text-align:center">Current Engineer </div>
<div> Engineer's Name</div>
<div id="clickText" style="padding-bottom: 10px; font-size:0.75em; text-align:center "> (Click to See All Permits) </div>
</div>uj5u.com熱心網友回復：
為此，請使用 JQuery，就像添加腳本鏈接和幾行代碼一樣簡單。
CDN鏈接
只需添加此 onClick 事件，例如
$("<ID here>").click(function(){ myFunction(); });
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/349420.html
標籤：javascript html
上一篇：缺少依賴Dockerglibc../sysdeps/x86_64/multiarch/memset-vec-unaligned-erms.S