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

最新推荐文章于 2021-12-28 16:49:43 发布

shixing_11

最新推荐文章于 2021-12-28 16:49:43 发布

阅读量2.5k

点赞数

分类专栏： Web 文章标签： input action function web开发

本文链接：https://blog.csdn.net/shixing_11/article/details/5753168

版权

Web 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

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

<html> <head> <title>消除onkeydown事件的声音</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form action="#" name="myform" method="post"> <input name="contenta" type="text" value="按回车我就叫1" οnkeydοwn="queryData()"/></br> <input name="contentb" type="text" value="按回车我就叫2"/></br> </form> </body> </html>

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

<html> <head> <title>消除onkeydown事件的声音</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form action="#" name="myform" method="post"> <input name="contenta" type="text" value="按回车我就叫1" οnkeydοwn="queryData()"/></br> <input name="contentb" type="text" value="按回车我就叫2"/></br> </form> </body> </html>

注意：这种发声情况发生的条件：

1. 页面中必须有form;

2. 页面中至少有两个input框，一个时不会发生;

mce:script字样是CSDN自动加上的，可能为了支持script标签正常显示.