`
xiaoboss
  • 浏览: 651551 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js中回车事件的捕捉

HTMLWebJavaScriptAjaxjQuery 
阅读更多

下面给一个例子，回车触发按钮的onclick事件。
<html>
<head><title>keydown</title></head>
<script>
function strdown(event){

       if(event.keyCode==13){
            //event.keyCode=0;   //取消回车
            document.getElementByIdx("str").click();
            return false;
        }
}
function test(){
    alert("ok");
}

</script>

<body onkeydown="strdown(event)">
<input type="button" id="str" onclick="test()" value="button"/>
</body>
</html>
再来看一个用jquery写的例子。
<html>
<head><title>keydown</title>
<script type='text/javascript' src='jquery-1.3.1.min.js' ></script>
</head>
<script>
$(document).ready(function(){
    $(document).keydown(function(event){  //这里如果写成$(window)，在ie下面就不会起作用
      if(event.keyCode==13){
                document.getElementByIdx("str").onclick();
                return false;
        }
    });
});
function test(){
    var s = document.getElementByIdx("a").value;
    alert(s);
}
</script>
<body >
<input type="text" id="a" />
<input type="button" id="str" onclick="test()" value="button"/>
</body>
</html>
分享到：
| Properties的相对路径以及文件的读取操作
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js回车事件判断

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

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx

    在网页开发中，捕获用户在文本框（TextBox）中按下回车键的事件是非常常见的需求，这通常用于实现表单提交或者执行特定的操作。在不同的浏览器中，处理这种事件的方式可能会有所不同。本文将详细解释如何使用...

    js禁用回车的方法

    js禁止回车,js禁用回车，捕捉回车js

    asp.net 文本框回车事件

    为了实现上述需求，我们可以采用客户端脚本来捕捉文本框中的回车键按下事件，并通过脚本控制触发特定按钮的点击事件。以下是一种常见的实现方式： ### 示例代码解析 #### 客户端JavaScript函数 ```javascript ...

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

    在前端开发中，Vue.js是一个流行的JavaScript框架，它用于构建用户界面和单页应用程序。用户界面中经常会涉及到键盘操作，例如使用Tab键和Enter键来切换焦点。但实际情况下，用户需求千变万化，有时候用户会提出使用...

    JavaScript监听和禁用浏览器回车事件实例

    在示例代码中，我们可以通过document的onkeydown事件监听器来捕捉回车键的按下。在事件处理函数中，首先通过判断event的keyCode值是否等于13来确认是否是回车键被按下。如果条件成立，执行相应的操作，比如弹出警告...

    jQuery javaScript捕获回车事件(示例代码)

    标题中提到的是“jQuery javaScript捕获回车事件(示例代码)”，这里指的是使用jQuery库来处理JavaScript中的回车键事件，通过编写示例代码的形式，给出实现该功能的具体方法。在了解这个知识点之前，我们需要对...

    js事件触发大全

    JS事件触发大全是指在 JavaScript 中各种事件的触发机制，这些事件可以在不同的元素上触发，例如按钮、链接、文本框、图片等。这些事件可以被 JavaScript 代码捕捉和处理，以便执行特定的操作。 事件类型 1. 鼠标...

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器)

    在本篇文章中，涉及到的关键知识点包括了如何使用.NET和JavaScript（简写为js）来捕捉并处理文本框中的回车键事件，以及如何使这段代码兼容多浏览器环境。接下来将详细解读这些知识点。 首先，从内容来看，文章提到...

    兼容IE与firefox火狐的回车事件(js与jquery)

    在这一部分中，文章提供了一个核心的JavaScript函数，这个函数可以被绑定到`document.onkeypress`或`document.onkeydown`事件上，以便捕捉键盘上的回车键。通过检查事件对象的`keyCode`属性是否为13（回车键的ASCII...

    jquery多浏览器捕捉回车事件代码

    在网页开发中，捕捉用户按下键盘上的回车键通常是实现某些特定交互功能的关键步骤，比如提交表单或者触发搜索操作。jQuery 是一个广泛使用的 JavaScript 库，它简化了DOM操作和事件处理，包括监听回车键事件。在本文...

    文本框中,回车键触发事件的js代码[多浏览器兼容]

    标题“文本框中,回车键触发事件的js代码[多浏览器兼容]”所指的知识点涉及JavaScript脚本编程，在网页中如何捕捉和处理回车键的按键事件，以及如何确保该事件处理在不同的浏览器（如IE和Firefox）中均能正确运行。...

    输入框回车生成标签的demo

    2. **回车事件**：当用户按下回车键时，前端应用需要捕获这一事件，通常通过监听`keyup`事件并在事件对象中检查`keyCode`是否等于13（回车键的键码）。如果检测到回车键被按下，就会触发生成标签的逻辑。 3. **生成...

    Javascript鼠标事件汇总

    鼠标事件是JS中最常见的一种事件类型，它能帮助开发者捕捉用户的鼠标操作，并据此执行相应的逻辑处理。本文将详细介绍JS中的各类鼠标事件及其应用场景。 #### 二、核心鼠标事件 1. **`onClick`**：当用户点击鼠标...

    jQuery 回车事件enter使用示例

    通过本文的介绍，我们可以了解到在jQuery中如何有效地捕捉和使用回车事件。结合具体的业务场景和操作流程，合理地利用回车事件enter可以提升用户操作的便捷性和流畅性。在开发过程中，还应当注意代码的兼容性和细节...

    js 回车提交表单两种实现方法

    本文将探讨如何使用JavaScript和jQuery来实现当用户在表单中按下回车键时触发表单提交的两种方法。 首先，我们要了解在HTML中表单提交的基础。通常情况下，表单提交是通过在表单元素内点击提交按钮来完成的。然而，...

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

    - **监听键盘事件**：使用JavaScript，通过监听`keyup`或`keydown`事件，捕捉到回车键（ASCII码13）的按下，并自定义提交逻辑。 ```javascript document.getElementById('myInput').addEventListener('keyup', ...

    jquery 回车事件实现代码

    在前端开发中，经常需要通过监听键盘事件来实现用户交互的丰富性，特别是监听回车键事件，以便在用户按下回车键时执行特定的功能。jQuery作为流行的JavaScript库，提供了一种简化的方式来实现这一功能。本文将详细...

    jQuery实现的回车触发按钮事件功能示例

    jQuery实现的回车触发按钮事件功能是一个常见的前端开发需求，允许用户在表单内通过按下回车键即可触发表单提交或其他特定按钮的点击事件。这个功能不仅提高了用户体验，还优化了界面的交互流程。 知识点涉及的具体...

Magicbox
Global site tag (gtag.js) - Google Analytics