个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
您好，当我按回车键时，我正在尝试运行一个 javascript 函数。到目前为止，这是我的代码
我的 HTML
<!DOCTYPE html>
<html>
<head>
<title>JS Bin</title>
</head>
<body>
<div>
<form id="inputForm">
<label for="userInput">Input : </label>
<span id="userInputSpan">
<input type="text" id="userInput" onkeydown="readInput(this)" />
</span>
</form>
</div>
</body>
</html>
我的 JAVASCRIPT
function readInput(e) {
if (e.keyCode == 13) { // 13 is enter key
// Execute code here.
// var temp = e.value;
// console.log(temp);
alert(e.value);
}
}
这是我的 JSBin
最佳答案
您正在将 this 传递给事件处理程序并将其用作 event 对象。
将元素实例和事件对象传递给事件处理程序。
<input type="text" id="userInput" onkeydown="readInput(this, event)" />
^^^^ ^^^^^
并将它们放入处理程序
function readInput(el, e) {
^^ ^
// el: Element
// e: Event object
window.onload = function() {
document.getElementById("userInput").focus();
};
function readInput(el, e) {
if (e.keyCode == 13) {
console.log(el.value);
}
}<div>
<form id="inputForm">
<label for="userInput">Input :</label>
<span id="userInputSpan">
<input type="text" id="userInput" onkeydown="readInput(this, event)"/>
</span>
</form>
</div>建议:
autofocus 属性form 提交，请在事件处理程序中使用 return false; 或 event.preventDefault()。document.addEventListener('DOMContentLoaded', function() {
document.getElementById('userInput').addEventListener('keydown', function(e) {
if (e.keyCode == 13) {
console.log(this.value);
e.preventDefault(); // Prevent default action i.e. submit form
// return false;
}
}, false);
});<div>
<form id="inputForm">
<label for="userInput">Input :</label>
<span id="userInputSpan">
<input type="text" id="userInput" autofocus />
</span>
</form>
</div>关于javascript - 按下 enter 时运行 javascript 函数 - 只有 JavaScript 没有 Jquery，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33749220/
25
4
0
我已经禁用了回车键，以便可以执行 ajax 提交，但我想确保如果用户在服务器响应返回之前按两次回车键，则表单不会提交两次。 这里我禁用了回车键并为其分配了一个名为 submitForm() 的函数:
我正在尝试将 $animate 服务合并到我自己的指令中。我无法进入并离开以实际设置动画。 奇怪的是，使用$animate.enter，元素附加到DOM，回调函数触发。但似乎从未添加 ng-anima
如果 ，我如何检查 Bash输入 键被按下了？ 我正在使用读取命令: read -p "Please press ENTER" var 最佳答案 首先检查退出状态是否正常($?应该为0)。 其次，检查
在我的 PreviewKeyDown() handler 如何区分数字键盘上的 ENTER 键和主板上的 ENTER 键？ 两个键返回相同的值 Key.Enter为 KeyEventArgs.Key
这个问题已经有答案了: How do I detect "shift+enter" and generate a new line in Textarea? (19 个回答) 已关闭10 年前。 我正
我的问题与这个 question 有点相关.但是，我没有奢侈去监听 submit 事件，所以这个问题的答案对我来说不起作用。 我的问题:是否可以在 Javascript 中检测日文/中文建议菜单何时打
我希望能够在不需要实现新类的情况下修改 wpf 文本框的行为。 我想要一个类似 Enter/Alt+Enter 行为的 Excel，当用户点击“Enter”时，文本框被验证(movefocus ...
在 Chrome 中的 contenteditable 中按 Enter 时，会插入一个 div。这会干扰我的标记，我需要它成为 br。 我知道shift-enter是一个br。解决问题的最佳方法是什
我正在使用$('.inputs').keydown(function (e) { if (e.which === 13) {到达下一个输入字段。但是每次我按 enter/return 转到下一个输入字
我有一个 textarea ，其中当您单独按 Enter 时，jquery ajax 会启动，但我想添加一个功能，即当您按 Enter + Shift 时仅转到新行并且不启动ajax。你能指导一下吗？
场景如下: 有一个密码字段，我可以在其中输入文本(这是使用 sendKeys 完成的) 现在，没有提交/输入按钮 所以我必须按 Enter 键并登录应用程序 以下是我搜索并尝试但没有成功的几种方法:
这是我尝试过的，但显然失败了: ed.on('keyup', function(e){ console.log(e.keyCode) if(e.keyCode == 13 && !e.
所以我有一个带有 jQuery 的表单，可以阻止用户使用 Enter 键提交表单。 这是代码: $(document).ready(function() { // code prevent
有人知道如何在Javascript中检测按键代码“+1 Enter”和“-1 Enter”吗？我想检测何时一一按下键码而不是一次按下键码。 但是当我编写以下代码时，没有给出任何效果。 // +1 en
我想添加 shift + enter 键转到下一行，只需 enter 键 即可使用 JAVASCRIPT 触发提交按钮仅。 如何实现？ 我也想提交多行文本......提前致谢 function typ
int DisplaySchedule() { int nDisplaySchedule_Choice; system("cls"); printf("----- DISPLA
在 textarea 中，当用户按下 Shift+Enter 时，它应该在下一个新行继续，当他简单地按下 Enter 时，它应该提交表单而不使用提交按钮。 这是 Fiddle!! 我浏览了很多但对我没
我有以下简单的 我还有以下 jQuery/JavaScript 代码块: $('textarea#streamWriter').keydown(function (e) { if (e.k
我有许多将转换为HTML的Word文档。要求单词文档中的段落应转换为元素。 在使用Microsoft Office API的SaveAs方法进行了一些测试以将文档转换为HTML之后，我意识到带有手动换
终端是否可以检测 ⇧ Shift+Enter↵ 或 Ctrl+Enter↵ 按键？ 我正在尝试配置 vim 来执行使用这些序列的键映射，虽然它们在 gvim 中工作正常，但它们似乎在任何终端控制台中都
我是一名优秀的程序员,十分优秀！