jQuery使用keydown / keyup / keypress事件仅触发一次,而不是按住键时触发多次

ravip0711

我正在尝试在板上每次按键后的第一个添加相同的div,并添加相同的类。

  1. 使用按键,当用户按住键时,按下该键将触发事件(并继续运行)。我想停止该操作,即使按下该键,也只能在按键时触发一次功能。

<div class="player1"></div>

$(document).on('keydown', function() {
    $('.player1:last').after('<div class="player1">Go!<div>');
})
来宾271314
  1. 使用按键,当用户按住键时,按下该键将触发事件(并继续运行)。我想停止该操作,即使按下该键,也只能在按键时触发一次功能。

您可以使用.one()附加keydown事件,在keyup再次keydown使用附加事件时使用.one()它,这可以防止keydown在按下键时调用处理程序。

function handleKeyDown() {
    $('.player1:last').after('<div class="player1">Go!<div>');
}

var d = $(document);

d.one('keydown', handleKeyDown)
.on("keyup", function() {
  d.one("keydown", handleKeyDown)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<div class="player1"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery-焦点触发目标输入中的keyup事件

来自分类Dev

为什么我不能使用jQuery的.keypress()、. keydown()和.keyup()事件正确比较两个字符串?

来自分类Dev

jQuery(window).resize函数仅触发一次,而不是每个像素触发一次

来自分类Dev

Pygame Keyup / Keydown

来自分类Dev

页面加载时的jQuery keyup

来自分类Dev

当我触发事件时,它会触发几次,而不是在jQuery中触发一次

来自分类Dev

jQuery,keyup事件未触发

来自分类Dev

jQuery keyup事件未触发

来自分类Dev

jQuery:移动设备的keyup事件

来自分类Dev

如何使用ICommand在MVVM中触发KeyUp事件

来自分类Dev

没有使用Sencha的Architect代码触发Keyup事件

来自分类Dev

jajax代码被激活时,jquery上的keyUp和Keydown不会触发

来自分类Dev

删除键不触发KeyUp和KeyDown事件

来自分类Dev

为什么jQuery keyup触发重复项?

来自分类Dev

jQuery keyup应该触发Enter键

来自分类Dev

无法通过使用.keyup,.keydown和.keypress来实现解决方案

来自分类Dev

替换jQuery click to Keyup事件

来自分类Dev

使用Keyup而不是CodeMirror中的keypress进行高级键映射

来自分类Dev

jQuery Keydown / Keyup只能每隔两秒钟工作一次

来自分类Dev

jQuery animate仅通过keypress事件触发一次

来自分类Dev

无法使用Selenium Webdriver使用keyDown和keyUp事件

来自分类Dev

使用第三方IME时,JS keydown keyup keypress事件在IOS8上不起作用

来自分类Dev

jQuery keyUp函数触发多次,即使事件仅发生一次

来自分类Dev

Xamarin Android WebView KeyUp和KeyDown事件

来自分类Dev

Javascript - 多次触发 keyup 事件

来自分类Dev

jquery上keyup一次

来自分类Dev

Vaadin:MouseDown/MouseUp 和 KeyDown/KeyUp 事件

来自分类Dev

JQuery keyup() 不触发

来自分类Dev

如何使用指定的键码触发诸如 keyup 之类的事件

Related 相关文章

  1. 1

    jQuery-焦点触发目标输入中的keyup事件

  2. 2

    为什么我不能使用jQuery的.keypress()、. keydown()和.keyup()事件正确比较两个字符串?

  3. 3

    jQuery(window).resize函数仅触发一次,而不是每个像素触发一次

  4. 4

    Pygame Keyup / Keydown

  5. 5

    页面加载时的jQuery keyup

  6. 6

    当我触发事件时,它会触发几次,而不是在jQuery中触发一次

  7. 7

    jQuery,keyup事件未触发

  8. 8

    jQuery keyup事件未触发

  9. 9

    jQuery:移动设备的keyup事件

  10. 10

    如何使用ICommand在MVVM中触发KeyUp事件

  11. 11

    没有使用Sencha的Architect代码触发Keyup事件

  12. 12

    jajax代码被激活时,jquery上的keyUp和Keydown不会触发

  13. 13

    删除键不触发KeyUp和KeyDown事件

  14. 14

    为什么jQuery keyup触发重复项?

  15. 15

    jQuery keyup应该触发Enter键

  16. 16

    无法通过使用.keyup,.keydown和.keypress来实现解决方案

  17. 17

    替换jQuery click to Keyup事件

  18. 18

    使用Keyup而不是CodeMirror中的keypress进行高级键映射

  19. 19

    jQuery Keydown / Keyup只能每隔两秒钟工作一次

  20. 20

    jQuery animate仅通过keypress事件触发一次

  21. 21

    无法使用Selenium Webdriver使用keyDown和keyUp事件

  22. 22

    使用第三方IME时,JS keydown keyup keypress事件在IOS8上不起作用

  23. 23

    jQuery keyUp函数触发多次,即使事件仅发生一次

  24. 24

    Xamarin Android WebView KeyUp和KeyDown事件

  25. 25

    Javascript - 多次触发 keyup 事件

  26. 26

    jquery上keyup一次

  27. 27

    Vaadin:MouseDown/MouseUp 和 KeyDown/KeyUp 事件

  28. 28

    JQuery keyup() 不触发

  29. 29

    如何使用指定的键码触发诸如 keyup 之类的事件

热门标签

归档