Как обеспечить вызов события onkeyup только один раз

Question

Я пытаюсь добавить html-тег для события onkeyup.Но мне нужно, чтобы он делал это только на первом событии keyup.

<label for="url">Add URL of your webpage:</label> 
<input type="text" id="url" name="url" value="" placeholder="Optional" onkeyup="addlink();"/>

Я использую функцию jquery append () для достижения этой цели.Я не могу найти решение о том, как убедиться, что событие запускается только при первом включении.И не уволят после этого.Также, если весь контент из текстового ввода удаляется, я хочу удалить то, что я добавил.Есть ли способ добиться этого.Я надеюсь, что объяснил себя.

Answer 1

попробуйте следующий код, это поможет

$('#url').one("keyup", function(){
   addLink();
});

событие jQuery one() запускается только один раз для данного элемента

Answer 2

Чтобы не запускать обработчик событий более одного раза, вы можете использовать метод jQuery .one() или .unbind(), в зависимости от того, который больше подходит для вашего случая.