我想一鍵兩用。無論如何都會添加第一個函式,而第二個函式取決于真/假條件。
以下代碼有效,但我應該這樣做嗎?
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript addEventListener()</h2>
<p>This example uses the addEventListener() method to attach a click event to a button.</p>
<button id="myBtn">Try it</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click", displayDate);
document.getElementById("myBtn").addEventListener("click", test);
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
function test() {
document.getElementById("demo").innerHTML = "test";
}
</script>
</body>
</html>
uj5u.com熱心網友回復:
您可以使用 condition
const btn = document.getElementById("myBtn");
let isEvent = true;
// Add 'Event'
btn.addEventListener("click", displayDate);
// Add conditional 'Event'
if (isEvent) {
btn.addEventListener("click", test);
}
// OR
btn.addEventListener("click", e => {
if (isEvent) {
test(e);
}
});
注意: 不要忘記洗掉事件
uj5u.com熱心網友回復:
為了解決您的問題,我將使用其中的一個功能來制作 1 個功能,該功能可以根據您的情況做出決定。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/361097.html
標籤:javascript html
