JavaScript keyup 事件

小灰灰 2020-06-02 14:09 804阅读 0赞

JavaScript keyup 事件

当按键被松开时触发此事件。

浏览器支持：

（1）.IE浏览器支持此事件。

（2）.edge浏览器支持此事件。

（3）.火狐浏览器支持此事件。

（4）.Opera浏览器支持此事件。

（5）.谷歌浏览器支持此事件。

（6）.safria浏览器支持此事件。

代码实例：

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset=" utf-8">  
  5. <meta name="author" content="http://www.dandelioncloud.cn/" />  
  6. <title>蒲公英云</title> 
  7. <script>  
  8. window.onload=function(){  
  9.   let otxt=document.getElementById("txt");  
  10.   otxt.onkeyup=function(){
  11.     let val=this.value  
  12.     this.value=val.toUpperCase()  
  13.   };  
  14. }  
  15. </script>  
  16. </head>  
  17. <body>  
  18. 请输入字母：<input type="text" id="txt"/>  
  19. </body>  
  20. </html>

上述代码可以将文本框中输入的小写字符转换为大写。

发表评论

表情：
评论列表 （有 0 条评论，804人围观）

还没有评论，来说两句吧...

相关阅读

    相关 移动端keyup事件

    最近在做一个项目需求，需要实现一个类似谷歌搜索的功能，可以模糊匹配到中文和字母。当时想到了keyup事件，每当键盘按下时监控input框值的变化，在电脑和安桌手机上测试都没有问

    不念不忘少年蓝@不念不忘少年蓝@/ 0 赞/ 392 阅读

    相关 Vue中的@keyup事件

    什么是 @keyup ？           @keyup 是按键松开的事件，当指定的按键松开会触发的事件。常用的事件如下： <table style="width:500

    桃扇骨桃扇骨/ 0 赞/ 900 阅读