Jquery中是否有任何事件只在用户点击文本框中的回车按钮时才会触发?或者任何插件，可以添加到包括这个?如果不是，我该如何编写一个快速插件来做到这一点?
当前回答
HTML代码:
<input type="text" name="txt1" id="txt1" onkeypress="return AddKeyPress(event);" />
<input type="button" id="btnclick">
Java脚本代码
function AddKeyPress(e) {
// look for window.event in case event isn't passed in
e = e || window.event;
if (e.keyCode == 13) {
document.getElementById('btnEmail').click();
return false;
}
return true;
}
您的表单没有默认提交按钮
其他回答
如果你的输入是搜索，你也可以使用on 'search'事件。例子
<input type="search" placeholder="Search" id="searchTextBox">
.
$("#searchPostTextBox").on('search', function () {
alert("search value: "+$(this).val());
});
另一个微妙的变化。 我采取了轻微的权力分离，所以我有一个插件来捕捉enter键，然后我只是正常地绑定到事件:
(function($) { $.fn.catchEnter = function(sel) {
return this.each(function() {
$(this).on('keyup',sel,function(e){
if(e.keyCode == 13)
$(this).trigger("enterkey");
})
});
};
})(jQuery);
然后在使用中:
$('.input[type="text"]').catchEnter().on('enterkey',function(ev) { });
这种变体允许您使用事件委托(绑定到尚未创建的元素)。
$('body').catchEnter('.onelineInput').on('enterkey',function(ev) { /*process input */ });
<form name="searchForm" id="searchForm" onsubmit="doSomething(event)">
<input type="text" name="search" id="search">
</form>
<script>
function doSomething(event){
let $val = $('form#searchForm input[name="search"]').val();
console.log($val);
event.preventDefault();
}
</script>
One simple way it can be done in this way. Enter text or number, hit enter key and get the entered input value.
我无法让按键事件为进入按钮开火，挠了我的头一段时间，直到我阅读jQuery文档:
当浏览器注册键盘输入时，按键事件被发送给元素。这与按下键事件类似，除了修改器和非打印键(如Shift、Esc和delete)触发按下事件，而不是按下键事件。”(https://api.jquery.com/keypress/)
我必须使用keyup或keydown事件来捕捉按下enter按钮。
您可以连接您自己的自定义事件
$('textarea').bind("enterKey",function(e){
//do stuff here
});
$('textarea').keyup(function(e){
if(e.keyCode == 13)
{
$(this).trigger("enterKey");
}
});
http://jsfiddle.net/x7HVQ/
