`
bulote
  • 浏览: 1385751 次
文章分类
社区版块
存档分类
最新评论

Js控制回车键

 
阅读更多

在ASP.NET网页中,使用服务器button按钮,默认第一个button响应回车键的点击事件。

<wbr></wbr>

比如

<wbr></wbr>

<wbr>&lt;body&gt;<br><wbr><wbr><wbr> &lt;form id="form1" runat="server"&gt;<br><wbr><wbr><wbr> &lt;div&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> 姓名:&lt;asp:TextBox ID="txtName" runat="server"&gt;&lt;/asp:TextBox&gt;&lt;br /&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> 密码:&lt;asp:TextBox ID="txtPwd" runat="server"&gt;&lt;/asp:TextBox&gt;&lt;br /&gt;<wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>&lt;asp:Button ID="btnSubmit" runat="server" Text="登陆"</strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr>onclick="btnSubmit_Click" /&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr>
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> &lt;input id="Reset1" type="reset" value="重置" /&gt;<br><wbr><wbr><wbr> &lt;/div&gt;<br><wbr><wbr><wbr> &lt;/form&gt;<br> &lt;/body&gt;</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr></wbr>

这个表单中就按下回车就默认触发了btnSubmit_Click事件。

<wbr></wbr>

很多时候,第一个按钮这不是用户在点击回车后想做事情。一般来说,回车键是完成输入工作后提交数据如、关闭当前弹出窗口、输入关键字后回车进行搜索。

<wbr></wbr>

在ASP.NET网页中设置回车键的解决方法是使用javascript的onkeydown方法捕捉键盘点击事件,使用event.keyCode来获取用户点击的键位。

<wbr></wbr>

<head>
<wbr><wbr><wbr> &lt;title&gt;&lt;/title&gt;<br><wbr><wbr><wbr> &lt;link href="css/admin.css" type="text/css" rel="stylesheet"/&gt;<br><wbr><wbr><wbr> &lt;script type="text/javascript"&gt;<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> function <strong>KeyDown</strong>() {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> var btnsearch = document.getElementByIdx_x_x('<strong>&lt;%=btnSearch.ClientID %&gt;</strong>');</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>// 如果按下回车键</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> if (window.event.keyCode == 13) {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> btnsearch.click();</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>//取消回车键的默认操作</strong><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> window.event.returnValue = false<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr> &lt;/script&gt;<br> &lt;/head&gt;<br> &lt;<strong>body onkeydown="KeyDown()"&gt;</strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到:
评论

相关推荐

    Vue中实现回车键切换焦点的方法

    首先,我们得知道,通常情况下,浏览器是不支持直接用JavaScript控制键盘或鼠标的。这样做会存在很大的安全隐患。因此,我们无法直接用脚本来模拟按下的回车键,只能利用JavaScript来监听键盘事件,并在事件发生时...

    使用回车键切换输入焦点的资源

    例如,通过设置`tabindex`属性,可以控制元素的聚焦顺序,用户按回车键时,会按照`tabindex`的数值顺序切换焦点。同时,可以使用JavaScript监听键盘事件,尤其是`keyup`事件,当检测到回车键被按下时,程序会自动...

    javascript实现按回车键切换焦点

    根据给定文件的信息,我们可以提炼出以下知识点关于在JavaScript中实现按回车键切换焦点的具体方法: 1. 事件监听与处理 在文档中,首先介绍了在HTML页面的`&lt;form&gt;`标签内使用多个`&lt;input type="text"&gt;`输入框来...

    js限制DIV输入回车

    在网页开发中,有时我们需要对用户的输入进行特定的控制,比如限制用户在某个特定的`div`元素中按下回车键时的行为。标题"js限制DIV输入回车"所涉及的知识点,就是如何使用JavaScript来阻止或改变`div`内的回车事件...

    jquery支持回车键关闭的弹窗代码 Dialog Effects | Sandra.zip

    在这个特定的资源"Dialog Effects | Sandra.zip"中,我们聚焦于一个利用jQuery实现的功能:一个能够通过回车键关闭的弹窗效果。这个功能在很多Web应用中都非常实用,比如表单提交或者用户确认操作时,用户可以通过按...

    回车键tabindex 获取焦点 enter

    至于文件名为“TestSendKey”的压缩包,它可能包含了一些示例代码或者测试用例,用于演示如何在不同的编程语言或环境中使用键盘事件,尤其是回车键和tabindex来控制焦点和执行操作。在学习和使用这些示例时,理解...

    js回车事件判断

    在探讨“js回车事件判断”这一主题时,我们首先需要理解JavaScript中如何捕捉和响应键盘事件,尤其是回车键的触发。JavaScript提供了强大的事件处理机制,使得开发者能够精细地控制用户与网页的交互方式。当涉及到...

    javascript 回车键触发表单提交的问题

    以下是关于JavaScript如何控制回车键触发表单提交问题的相关知识点: 1. 回车键提交表单的默认行为: - 在大多数浏览器中,如果用户在一个文本输入框(input type="text")内按下回车键,并且表单中存在type为...

    说说回车键触发表单提交的问题

    - **使用`&lt;input type="button"&gt;`**:将提交按钮的`type`属性设置为`button`,这样回车键就不会触发它,然后通过JavaScript手动触发提交。 - **使用`&lt;form onsubmit=""&gt;`**:在`&lt;form&gt;`标签上添加`onsubmit`事件处理...

    JS按回车键实现登录的方法

    要实现这一功能,需要使用JavaScript来监听键盘事件,并判断被按下的是否为回车键(键值为13)。一旦检测到回车键被按下,就可以触发登录按钮的点击事件,从而提交表单。 在本文提供的示例中,展示了三种不同的实现...

    vue中实现回车键登录功能

    1. 使用JavaScript原生事件监听回车键:在Vue的`created`钩子函数中,可以通过添加`document.onkeypress`事件监听器来实现。当用户按下键码为13(回车键的键码)时,执行登录方法。 2. 限制事件监听器只在登录界面...

    用JS控制回车事件的代码

    总的来说,通过JavaScript控制回车事件,可以灵活地定制用户交互行为,满足特定的业务需求,而无需对每个页面进行单独的修改,大大提高了开发效率。在实际项目中,可以根据具体场景对代码进行调整和优化,以达到最佳...

    easyui datagrid实现实现上下左右和回车切换单元格

    根据提供的文件信息,本文将详细解释如何在EasyUI DataGrid中实现上下左右及回车键切换单元格的功能。EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 组件来帮助开发者快速构建现代化的 Web 应用...

    上下左右键控制table中光标(兼容多浏览器)

    本文将详细讲解如何使用JavaScript实现输入框内上下左右键以及Enter键控制表格(table)中的光标移动,并在光标到达最后一个输入框时新增一行,确保这个功能在多个浏览器中都能正常工作。 首先,我们需要理解...

    js虚拟、模拟键盘

    JavaScript虚拟键盘,也被称为模拟键盘,是通过JavaScript和jQuery库实现的一种交互式用户输入解决方案。在某些场景下,如移动设备、触摸屏应用或者安全敏感的网页表单中,为了提高用户体验或保护用户隐私,开发者...

    enter键控制input光标移动到下一个框

    本文将深入探讨如何利用HTML和jQuery实现"Enter"键控制input光标移动的功能,使得用户在按下"Enter"键时,光标能够根据预设逻辑在不同的输入框间自动移动。 首先,我们需要理解HTML中的`&lt;input&gt;`标签,它是用于创建...

    jQuery实现回车键(Enter)切换文本框焦点的代码实例

    在本例中,通过监听键盘事件(keydown)来实现回车键切换焦点的功能。当用户在文本框中按下键盘上的任意键时,会触发keydown事件。在事件处理函数中,通过事件对象e的which属性判断是否按下了回车键(键码为13)。...

    JS网页键盘交互式代码.zip

    例如,如果我们想在用户按下回车键时执行某个函数,可以这样写: ```javascript document.addEventListener('keydown', function(event) { if (event.key === 'Enter' || event.keyCode === 13) { performAction...

    angularjs中回车键触发某一事件的方法

    总结来说,在AngularJS中实现回车键触发事件的核心在于使用ng-keyup指令,并在控制器中定义对应的处理函数来检测键码值。如果检测到键码为回车键,则执行相应的逻辑操作。这种方式可以广泛应用于表单提交、搜索功能...

Global site tag (gtag.js) - Google Analytics