个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
31
4
我有一个网页，我试图使用我在这里看到的 jQuery 技巧来抑制页面部分中的 ENTER 键，以捕捉 10和 13 键代码。
<head>
<title>Test Script</title>
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('container content input').keypress(function (e) {
if (e.which == 10 || e.which == 13) {
alert('Form Submission needs to occur using the Submit button.');
e.preventDefault(); // should I call preventDefault() or return false?
//return false;
}
});
</script>
</head>
我不知道这个 jQuery 技巧叫什么，所以我不知道如何查找它以确保我做得正确。
我不想抑制所有ENTER按键，因为这些按键用于触发我们的文件搜索和员工搜索特点:
<body>
<div class="container">
<div class="header">
<div class="FileSearch">
<!-- Other HTML here -->
</div>
</div>
<div class="content">
<form id="testInput" action="HTMLTestPage1.html" method="post">
<input type="text" name="text1" />
<input type="text" name="text2" />
<input type="text" name="text3" />
<input type="submit" name="Submit" value="Submit" />
</form>
</div>
<div class="footer">
<div class="EmployeeSearch">
<!-- Other HTML here -->
</div>
</div>
</div>
</body>
正如您从我的 jQuery 语句中看到的，我正在尝试使用“容器内容输入”值深入了解表单。
不过，它似乎运行得不太好。每次当焦点位于 控件之一上时按 ENTER 键，都会提交表单。
我希望看到我的警报对话框弹出!
有没有办法为 jQuery 启用断点，以便人们可以单步了解正在发生的事情？
最佳答案
您的代码看起来非常好。
缺少的部分是右侧选择器
$('container content input')
应该是
$('.container .content input')
您正在根据元素的类属性访问输入。
类选择器必须以 . 为前缀。
如果不是，它会将其视为标签。
should I call preventDefault() or return false?
preventDefault() 将阻止默认操作。
返回 false - 相当于 e.preventdefault() 和 e.stopPropagation()
要防止表单的提交行为，请删除按钮的 type="submit"并在单击按钮时提交表单。
$('.container .content input').keyup(function (e) {
if (e.which == 10 || e.which == 13) {
alert('Form Submission needs to occur using the Submit button.');
e.preventDefault();
}
});
$('input[name="Submit"]').click(function (e) {
$('#testInput').submit();
});
<强> Check Fiddle
关于用于过滤键盘 ENTER 键的 jQuery CSS 选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20339415/
31
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 中工作正常，但它们似乎在任何终端控制台中都
我是一名优秀的程序员,十分优秀！