javascript - 对具有相同类的元素应用 Jquery .one 函数

Question

我有以下简单的 Jquery:

<script type="text/javascript"> 
$(document).ready(function(){
     $(document).one('focus', 'input', function() {
          $(this).val('');
     });
});
</script>

<input type="text" value="Default 1" />
<input type="text" value="Default 2" />
<input type="text" value="Default 3" />
<input type="text" value="Default 4" />
<input type="text" value="Default 5" />

上面的代码将导致所有元素只运行一次焦点函数。

如何让它为每个输入元素运行一次该函数？示例:

单击第二个元素，运行一次。单击第一个元素，运行一次。等等...

Answer 1

您可以使用not选择器:

$(document).on('focus', 'input:not(.focused)', function() {
     $(this).addClass('focused').val('');
});