「jQuery」.oneで１回だけ有効なイベントを設定する
環境
jQuery3.6.0
Google Chrome 98.0.4758.102
書式
$(“セレクタ名").one(“click", function(){処理コード});
oneを使って、１回だけ有効なイベントを設定します。
使用例
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function(){
//id="btnReg"要素に、1回だけ有効なclickイベントを設定する
$("#btnReg").one("click", function(){
alert("これは１回だけ表示されます。");
});
});
</script>
</head>
<body>
<input type="button" id="btnReg" value="登録">
</body>
</html>
結果
「登録」ボタンを押すと１回だけアラート表示します。