「jQuery」oneメソッドでクリックイベントを1回のみ実行する
構文
.one( events [, data ], handler )
指定のイベントを一度だけ実行します
書式
$(“セレクタ名").one(“click",function() { 処理コード);
使用例
<style>
div {background-color:skyblue;}
</style>
<div id="cft">AAA</div>
<input type="button" id="btnShow" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
/*oneメソッドでクリックイベントを実行*/
$("#btnShow").one("click",function() {
$("#cft").fadeToggle();
$("#cft").fadeToggle();
}
);
</script>
<style>
div {background-color:skyblue;}
</style>
<div id="cft">AAA</div>
<input type="button" id="btnShow" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
/*oneメソッドでクリックイベントを実行*/
$("#btnShow").one("click",function() {
$("#cft").fadeToggle();
$("#cft").fadeToggle();
}
);
</script>
<style> div {background-color:skyblue;} </style> <div id="cft">AAA</div> <input type="button" id="btnShow" value="表示" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> /*oneメソッドでクリックイベントを実行*/ $("#btnShow").one("click",function() { $("#cft").fadeToggle(); $("#cft").fadeToggle(); } ); </script>