keydown和keypress之间的区别-白红宇的个人博客

keydown和keypress之间的区别

发布日期：2021-05-12 03:10:10 浏览次数：11 分类：精选文章

本文共 704 字，大约阅读时间需要 2 分钟。


            
     键盘按下事件（keydown）：        Triggers when any key is pressed on the keyboard.适用于所有键盘上的键。    
    
            
     键盘按住事件（keypress）：       仅适用于字母键，Triggers when a letter key is pressed and held down.    
    
         
     Character recognition（字符识别）:
    
     在UI/UX设计中与技术实现有明显差异，但在代码中可以统一处理所有键盘事件。
    
        
     需要确保目标实现是基于键盘事件的响应完全触发或部分触发，比如考虑到事件的冒泡和事件源的兼容性问题。
    
        
     典型实现方法

function handleKeyPress(e) {

console.log('Key pressed:', e.key);

}

input.addEventListener('keydown', handleKeyPress);

input.addEventListener('keypress', handleKeyPress);


       
    常见实现陷阱
    
            
     需要确保针对特殊字符（如汉字、符号）有相应的处理
        
     注意处理事件冒泡问题（例如，某些特定按键组合可能会触发多个事件
        
     注意不同浏览器对键码的处理有差异

上一篇：demo-php增删改查-错题库

下一篇：demo-淘宝输入框搜索

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

典型实现方法

常见实现陷阱

发表评论

最新留言

关于作者

推荐文章