Bir butona kazara iki defa tıklanmasını engelleyebilmek için JQuery içinde tanumlı olan bir event handler'ı göstermek istiyorum:
<button id="tikla">Tıkla</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#tikla").one('click', function (event) {
alert("1");
});
});
one event handler'ı bir butonun sadece bir kere kullanılabilmesini sağlıyor. Ancak kullanıcıya artık butonun aktif olmadığını da göstermek için butonu disabled da yapmak gerekir. Bunun için JQuery kodunu aşağıdaki gibi güncelleyebiliriz:
$(document).ready(function () {
$("#tikla").one('click', function (event) {
event.preventDefault();
alert("1");
$(this).prop('disabled', true);
});
});