消除onkeydown事件按回车后出现的声音

最新推荐文章于 2021-02-04 09:43:32 发布

寻找Simple

最新推荐文章于 2021-02-04 09:43:32 发布

阅读量585

点赞数

分类专栏： javascript

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

转自：http://blog.csdn.net/shixing_11/article/details/5753168

WEB开发时，我们常常会在文本框的onkeydown事件中做一些处理，如按了回车后执行查询或者跳到下一个输入框，请看下面代码：

[xhtml] view plaincopyprint? 
    
 <html>  
     <head>  
         <title>消除onkeydown事件的声音</title>  
             <mce:script type="text/javascript"><!--  
           var queryData = function(){  
              if(event.keyCode==13){  
                    document.myform.contenta.value = "";  
               }  
           }  
         
 // --></mce:script>  
     </head>  
     <body>  
          <form action="#" name="myform" method="post">  
             <input name="contenta" type="text" value="按回车我就叫1" onkeydown="queryData()"/></br>  
             <input name="contentb" type="text" value="按回车我就叫2"/></br>  
          </form>  
     </body>  
 </html>  

在该表单文本框中按下回车，会听到“咚”的一声，键盘事件触发杨声器发出的声音，这样如果用户使用时用户体验不是很好，那么该问题如果解决呢，很简单，在做表单submit之前，加上event.returnValue = false ;完整代码如下：

[xhtml]view plaincopyprint? 
    
 <html>  
     <head>  
         <title>消除onkeydown事件的声音</title>  
             <mce:script type="text/javascript"><!--  
           var queryData = function(){  
              if(event.keyCode==13){  
                    event.returnValue = false ;  //关键就在这句  
                    document.myform.contenta.value = "";  
               }  
           }  
         
 // --></mce:script>  
     </head>  
     <body>  
          <form action="#" name="myform" method="post">  
             <input name="contenta" type="text" value="按回车我就叫1" onkeydown="queryData()"/></br>  
             <input name="contentb" type="text" value="按回车我就叫2"/></br>  
          </form>  
     </body>  
 </html>  