我有一個在 inline 上觸發的函式onclick。
我想要的是該函式只被呼叫一次,但不知道如何使用 inline 來做到這一點onclick。它目前正在運行,但每次用戶點擊時都會運行,而不僅僅是一次。
這就是我的方式:
HTML
<div class= "container" onclick="modal('#modal')"></div>
我曾嘗試將其作為 Jquery 函式,如下所示并洗掉上面的點擊,但這也不起作用:
$(".container").on( "click", modal( '#modal') {
alert( "The event happened!" );
});
知道如何使該功能只運行一次嗎?
謝謝
uj5u.com熱心網友回復:
如果您希望使用jQuery 的one(),則需要onclick從 HTML 中洗掉,并將 JS 更改為:
$( ".container" ).one( "click", function() {
alert( "The event happened!" );
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class= "container">Container</div>
這樣,alert()只會在第一次點擊時顯示。
如果您想使用on()問題中所述的 ,請使用$(this).off('click');在拳頭按下后洗掉事件偵聽器:
$( ".container" ).on( "click", function() {
alert( "The event happened!" );
$(this).off('click');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class= "container">Container</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/338593.html
標籤:javascript html 查询
上一篇:如果用戶無權訪問該功能,如何禁用onclick功能?
下一篇:按順序切換類
