键盘事件与keyCode属性

最新推荐文章于 2022-09-17 17:15:10 发布

虚诚

最新推荐文章于 2022-09-17 17:15:10 发布

阅读量177

点赞数

分类专栏：键盘事件 js的事件类型文章标签： javascript js html

本文链接：https://blog.csdn.net/qq_43614064/article/details/108408511

版权

js的事件类型同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

键盘事件

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述
例子

结果：会输出摁键的键码

应用：

 <style>
          .text span{font-weight: bold;color: #f00;}
          em{font-style: normal;}
        </style>
        <script>
            window.onload=function(){
             var text=document.getElementById("text");
             var total=30;
             var count=document.getElementById("count");
             document.onkeyup=function(){
             var len =text.value.length;
            var allow=total-len;
            count.innerHTML=allow;
            }
            }
        </script>
    </head>
    <body>
       <div>
           <p class="text"  >  您还可以输入<span  ><em  id="count" >30</em>/30</span></p>
           <div class="input">
               <textarea name="" id="text" cols="70" rows="4"></textarea>
           </div>
       </div>
    </body>

根据键盘事件获取输入文本框的字数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

虚诚

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
键盘事件与keyCode属性

例子结果：会输出摁键的键码应用： <style> .text span{font-weight: bold;color: #f00;} em{font-style: normal;} </style> <script> window.onload=function(){ var text=document.getElementById("t.
复制链接

扫一扫