Jquery: 如何在按回车键时触发单击事件

我需要执行一个按钮点击事件后，按下键进入。

就目前而言，事件并没有发生。

如果可能的话，请帮助我学习语法。

$(document).on("click", "input[name='butAssignProd']", function () {
//all the action
});

这是我试图触发点击事件进入。

$("#txtSearchProdAssign").keydown(function (e) {
if (e.keyCode == 13) {
$('input[name = butAssignProd]').click();
}
});
426118 次浏览
小开

当按下回车键时，你是否试图模仿点击按钮的动作？如果是这样，您可能需要使用 trigger语法。

试试换衣服

$('input[name = butAssignProd]').click();

到

$('input[name = butAssignProd]').trigger("click");

如果这不是问题所在，那么通过查看本文中的解决方案来重新审视您的密钥捕获语法: JQuery 事件键盘: 按下了哪个键？

小开 
$('#txtSearchProdAssign').keypress(function (e) {
if (e.which == 13) {
$('input[name = butAssignProd]').click();
return false;
}
});

我也刚刚发现 在「回车」上提交表格，它涵盖了大多数问题的全面。

小开
最佳答案

试试这个。

$('#txtSearchProdAssign').keypress(function (e) {
var key = e.which;
if(key == 13)  // the enter key code
{
$('input[name = butAssignProd]').click();
return false;
}
});


$(function() {


$('input[name="butAssignProd"]').click(function() {
alert('Hello...!');
});


//press enter on text area..


$('#txtSearchProdAssign').keypress(function(e) {
var key = e.which;
if (key == 13) // the enter key code
{
$('input[name = butAssignProd]').click();
return false;
}
});


});
<!DOCTYPE html>
<html>


<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>


<body>
<textarea id="txtSearchProdAssign"></textarea>
<input type="text" name="butAssignProd" placeholder="click here">
</body>


</html>

在 jsbin.com 找到演示

小开

试试这个

$('#twitterSearch').keydown(function(event){
var id = event.key || event.which || event.keyCode || 0;
if (id == 13) {
$('#startSearch').trigger('click');
}
});

希望能帮到你

另见 stackoverflow.com/ : keyCode vs which？

小开

你差点就成功了，不过你可以试试这个。

$(function(){
$("#txtSearchProdAssign").keyup(function (e) {
if (e.which == 13) {
$('input[name="butAssignProd"]').trigger('click');
}
});
});

我使用 trigger()在 keyup事件上执行 click 并绑定它，而不是在 keydown上，因为 click事件实际上由两个事件组成，即 mousedown和 mouseup。因此，尽可能与 keydown和 keyup相似。

这是 演示

小开

另一个要做的补充是:

如果要动态添加输入，例如使用 append()，则必须使用 jQueryon()函数。

$('#parent').on('keydown', '#input', function (e) {
var key = e.which;
if(key == 13) {
alert("enter");
$('#button').click();
return false;
}
});

更新:

更有效的方法是使用 switch 语句。你也许会发现它更干净。

标价:

<div class="my-form">
<input id="my-input" type="text">
</div>

JQuery:

$('.my-form').on('keydown', '#my-input', function (e) {
var key = e.which;
switch (key) {
case 13: // enter
alert('Enter key pressed.');
break;
default:
break;
}
});
小开

只需要在代码中包含 proventDefault ()函数,

$("#txtSearchProdAssign").keydown(function (e)
{
if (e.keyCode == 13)
{
e.preventDefault();
$('input[name = butAssignProd]').click();
}
});
小开

试试这个

<button class="click_on_enterkey" type="button" onclick="return false;">
<script>
$('.click_on_enterkey').on('keyup',function(event){
if(event.keyCode == 13){
$(this).click();
}
});
<script>
小开

现在看来，这似乎是默认行为，因此这么做就足够了:

$("#press-enter").on("click", function(){alert("You `clicked' or 'Entered' me!")})

你可以 试试这个 JSFiddle

在 Chrome 56.0和 Firefox (Dev Edition)54.0 a2上进行测试，都支持 jQuery 2.2.x 和3. x

小开

Jquery: 使用输入按钮按下触发按钮点击事件 试试这个:

Tabindex = “0”onkeypress = “ return EnterEvent (event)”

 <!--Enter Event Script-->
<script type="text/javascript">
function EnterEvent(e) {
if (e.keyCode == 13) {
__doPostBack('<%=btnSave.UniqueID%>', "");
}
}
</script>
<!--Enter Event Script-->
小开

你可以用这个代码

$(document).keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
alert('You pressed a ENTER key.');
}
});
小开 

     $('#Search').keyup(function(e)
{
if (event.keyCode === 13) {
e.preventDefault();
var searchtext = $('#Search').val();
window.location.href = "searchData.php?Search=" + searchtext + '&bit=1';
}
});

小开

这是我最喜欢的解决方案。

    $("#text").keyup(function(event) {
if (event.which === 13) {
$("#submit").click();
}
});

超级简单，超级 jQuery。

小开

可以在动态创建的元素上跟踪输入键。

jQuery(document).on('keypress', "[name=\"search\"]", function(e) {
if (e.which == 13) {
var _form = jQuery(document).find("[name=\"search\"]");
window.location.href = window.location.href+'&'+_form.serialize();
}
});
小开 
Try This
--------










$('#eventClick').keydown(function(event){
let idTrigger = event.key || event.which || event.keyCode || 0;
if (idTrigger == 13) {
$('#eventClick').trigger('click');
alert("Hello! I am an alert box!!");
}
});


<!-- language: lang-html -->


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="eventClick">Click Me!</button>

提交答案