在文本框中输入按键时避免发出蜂鸣声

发布于 2024-07-11 22:19:49 字数 800 浏览 6 评论 0原文

当您创建这样的 aspx 页面时：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

    </div>
    </form>
</body>
</html>

如何避免在文本框中按 Enter 键时发出蜂鸣声。

另一方面，我想处理 Enter onkeypress 事件。

TX！

原文

When you create an aspx page as this one:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

    </div>
    </form>
</body>
</html>

how can you avoid the beep sound that happens when you are in a textbox and hit enter.

On the other hand I would like to handle the enter onkeypress event.

Tx!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

享受孤独 2024-07-18 22:19:49

首先，在网页上的文本框中按 Enter 键时发出蜂鸣声不是标准行为。尝试 Google 的搜索页面，或者尝试此页面底部的“名称”、“电子邮件”和“主页”字段。在任何浏览器中按 Enter 键时，它们都不会发出蜂鸣声。

为了防止发出蜂鸣声，请处理标记上的 onKeyDown 事件，如果按下 Enter 键，则返回 false：

<input type="text" name="TextBox1" value="" onKeyDown="return StopBeepOnEnter(event)" />

<script type="text/javascript">
    function StopBeepOnEnter(event)
    {
        if (event.keyCode == 13)
        {
            // Do Whatever...

            return false; // This stops the beep
        } 
    }
</script>

这里使用 jQuery 实现相同的效果（我实际上已经测试过这个并且它为我解决了问题）：

<script type="text/javascript">
    $("#<%=TextBox1.ClientID %>").keydown(function(event)
    {
        if (event.keyCode == 13)
        {
            // Do Whatever...

            return false; // This stops the beep
        }
    });
</script>

我在这个线程上找到了解决方案 - 归功于 Tharn Jaggar：

http:// /codingforums.com/showthread.php?t=36491

First of all, it is NOT standard behavior to get a beep when pressing enter in a textbox on a webpage. Try Google's search page, or for that matter try the Name, Email, and Home Page fields at the bottom of this page. None of them beep when pressing enter - in any browser.

To prevent the beep, handle the onKeyDown event on your <INPUT> tag and return false if the enter key is pressed:

<input type="text" name="TextBox1" value="" onKeyDown="return StopBeepOnEnter(event)" />

<script type="text/javascript">
    function StopBeepOnEnter(event)
    {
        if (event.keyCode == 13)
        {
            // Do Whatever...

            return false; // This stops the beep
        } 
    }
</script>

And here is the same thing using jQuery (I've actually tested this and it solved the problem for me):

<script type="text/javascript">
    $("#<%=TextBox1.ClientID %>").keydown(function(event)
    {
        if (event.keyCode == 13)
        {
            // Do Whatever...

            return false; // This stops the beep
        }
    });
</script>

I found the solution on this thread - credit to Tharn Jaggar:

http://codingforums.com/showthread.php?t=36491

回复收藏 0 原文

坏尐絯℡ 2024-07-18 22:19:49

这里需要注意一些事情...

如果提交按钮被隐藏或根本没有提交按钮，则会出现警报。如果您像我通常那样手动滚动自己的按钮（因为默认的操作系统按钮很丑），通常会出现这种情况。您可能需要研究的一件事是使用因为您可以对它们进行比标准输入按钮更多的样式设置，并且它们将处理按键事件有机地发生。

如果您在 keyup 或 keydown 上拦截 keyCode 13，警报仍然会发生。我不知道这些事件是什么，但你必须使用keypress。这就是我通常在全球范围内使用 jQuery 所做的事情...

$("input[type=text],input[type=password]").keypress(function(e) {     
    if(e.keyCode == 13) { 
      $(this).closest("表单").trigger("提交"); 
      e.preventDefault(); 
    } 
  });

然后在页面级别我捕获提交事件并执行我的验证例程...

$("表单").submit(function(e) { 
    var txt = $("#txtUser"); 
    if(txt.val().length == 0) { 
      警报（“你是谁？”）； 
      txt.focus(); 
      e.preventDefault(); 
    } 
  });

A couple of things to note here...

The alert will occur if the submit button is hidden or if there is no submit button at all. This is often the case if you hand-roll your own <a> buttons like I usually do (because default OS buttons are ugly). One thing you may want to look into is using <button type="submit"></button> because you can style them a lot more than standard input buttons and they will handle the key events organically.

The alert will still occur if you intercept keyCode 13 on keyup or keydown. I don't know what it is about these events, but you have to use keypress. This is what I usually do with jQuery on a global level...

$("input[type=text],input[type=password]").keypress(function(e) {    
  if(e.keyCode == 13) {
    $(this).closest("form").trigger("submit");
    e.preventDefault();
  }
});

And then on the page level I trap the submit event and do my validation routines...

$("form").submit(function(e) {
  var txt = $("#txtUser");
  if(txt.val().length == 0) {
    alert("Who are you?");
    txt.focus();
    e.preventDefault();
  }
});

回复收藏 0 原文

み格子的夏天 2024-07-18 22:19:49

将其放入表单标签 onkeypress="if(event.keyCode==13)return false;"

回复收藏 0 原文

只想待在家 2024-07-18 22:19:49

如果它与您的受众使用的浏览器有关，那么他们就会习惯这种情况的发生，因为除了您的网站之外，它也会发生在其他所有网站上。我想说这不值得担心——有点像人们关闭了 JavaScript。他们知道自己已经将其关闭，并且因此习惯了网站缺乏某些功能。你不能强迫他们打开它，也不能强迫他们关闭声音。这是您在网络应用程序中必须接受的体验之一。

回复收藏 0 原文

吾性傲以野 2024-07-18 22:19:49

您必须在操作系统的声音首选项中将其关闭。这是 Internet Explorer 的事情。

回复收藏 0 原文

拥抱我好吗 2024-07-18 22:19:49

我没有在 asp 中做过太多事情，但我的第一个想法是它会类似于 Winforms 应用程序。我解决这个问题的第一步是将键（代码、键代码，无论事件中的名称）var 设置为 #0 或 null，以及返回之前在事件调用中设置任何变量，例如 e.handled。

回复收藏 0 原文

感情废物 2024-07-18 22:19:49

最后，我可以在文本字段或组合或任何组件中按 Enter 键时禁用页面所有组件上的蜂鸣声，这是必需的。我所做的是在我的 body 标记中添加了 [onkeypress="if(event.keyCode==13)return false;"] ，如下所示：

   <body onkeypress="if(event.keyCode==13)return false;">

我在 GWT GXT 应用程序中使用了上面的代码。

克里尚·巴巴尔

Finally I am able to disable the beep sound on all the components of the page while pressing Enter key in textfield or combo or any component, which was required. What I did is I added [onkeypress="if(event.keyCode==13)return false;"] in my body tag like given below:

   <body onkeypress="if(event.keyCode==13)return false;">

I used above code in my GWT GXT Application.

Krishan Babbar

回复收藏 0 原文

抚你发端 2024-07-18 22:19:49

KeyPressEvent.preventDefault() 似乎可以在 GWT 中解决问题

回复收藏 0 原文

~没有更多了~

关于作者

夏见

暂无简介

0 文章

0 评论

23 人气

关注发私信

友情链接

文江博客

在文本框中输入按键时避免发出蜂鸣声

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（8）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

在文本框中输入按键时避免发出蜂鸣声

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（8）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。