「jQuery」.oneで１回だけ有効なイベントを設定する

2022年2月28日

環境
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>

結果
「登録」ボタンを押すと１回だけアラート表示します。

jQuery

Posted by arkgame