Jquery: Enter 키를 누를 때 클릭 이벤트를 트리거하는 방법
키 입력을 누르면 버튼 클릭 이벤트를 실행해야 합니다.
현재로서는 행사가 시작되지 않고 있습니다.
가능하면 구문을 도와주세요.
$(document).on("click", "input[name='butAssignProd']", function () {
//all the action
});
이것은 입력 시 클릭 이벤트를 발생시키려는 저의 시도입니다.
$("#txtSearchProdAssign").keydown(function (e) {
if (e.keyCode == 13) {
$('input[name = butAssignProd]').click();
}
});
이것을 시험해 보세요...
$('#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>사용해 보십시오.
$('#twitterSearch').keydown(function(event){
var id = event.key || event.which || event.keyCode || 0;
if (id == 13) {
$('#startSearch').trigger('click');
}
});
도움이 되길 바랍니다.
자세한 내용은
keyCodestackoverflow.com/ vs?를 참조하십시오.
$('#txtSearchProdAssign').keypress(function (e) {
if (e.which == 13) {
$('input[name = butAssignProd]').click();
return false;
}
});
또한 'Enter'에서 양식을 제출하는 것을 발견했는데, 이 양식은 대부분의 문제를 포괄적으로 다루고 있습니다.
거의 다 왔어요.하지만 시도해 볼 수 있는 것은 여기 있습니다.
$(function(){
$("#txtSearchProdAssign").keyup(function (e) {
if (e.which == 13) {
$('input[name="butAssignProd"]').trigger('click');
}
});
});
나는 클릭을 실행하고 그것을 다음에서 바인딩하곤 했습니다.keyup대신에 일어난 사건keydown왜냐면click이벤트는 실제로 두 개의 이벤트로 구성됩니다.mousedown그리고나서mouseup그래서 가능한 한 사물을 닮기 위해.keydown그리고.keyup.
여기 데모가 있습니다.
또 다른 추가 사항:
입력을 동적으로 추가하는 경우(예:append()jQuery를 사용해야 합니다.on()기능.
$('#parent').on('keydown', '#input', function (e) {
var key = e.which;
if(key == 13) {
alert("enter");
$('#button').click();
return false;
}
});
업데이트:
이를 수행하는 더욱 효율적인 방법은 스위치 문을 사용하는 것입니다.여러분은 그것이 더 깨끗하다는 것을 발견할지도 모릅니다.
마크업:
<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;
}
});
이것이 제가 선호하는 해결책입니다.
$("#text").keyup(function(event) {
if (event.which === 13) {
$("#submit").click();
}
});
아주 단순하고, 아주 jQuery.
Enter 키를 눌렀을 때 버튼을 클릭하는 것을 흉내 내려고 합니까?그렇다면 다음을 사용해야 할 수 있습니다.trigger통사론
변경 시도
$('input[name = butAssignProd]').click();
로.
$('input[name = butAssignProd]').trigger("click");
이것이 문제가 아니라면 다음 게시물의 솔루션을 확인하여 키 캡처 구문을 다시 살펴 보십시오. jQuery Event Keypress: 어떤 키를 눌렀습니까?
코드에 preventDefault() 함수를 포함하면 됩니다.
$("#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>
Jquery: Fire Button 클릭 이벤트 입력 버튼을 사용하여 시도:
tabindex="0" on keypress="return EnterEvent(이벤트)"
<!--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';
}
});동적으로 생성된 요소에서 Enter 키를 추적할 수 있습니다.
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>
이는 현재 기본 동작으로 표시되므로 다음 작업을 수행하기에 충분합니다.
$("#press-enter").on("click", function(){alert("You `clicked' or 'Entered' me!")})
이 JSFidle에서 사용해 볼 수 있습니다.
테스트 대상: Chrome 56.0 및 Firefox(Dev Edition) 54.0a2, jQuery 2.2.x 및 3.x 모두 사용
언급URL : https://stackoverflow.com/questions/18160342/jquery-how-to-trigger-click-event-on-pressing-enter-key
'programing' 카테고리의 다른 글
| MySQL DDL을 Oracle DDL로 자동 변환하려면 어떻게 해야 합니까? (0) | 2023.08.28 |
|---|---|
| CSS에서 텍스트와 밑줄 사이의 간격을 늘리는 방법 (0) | 2023.08.28 |
| MySQL 워크벤치에서 구문 오류를 무시하는 방법은 무엇입니까? (0) | 2023.08.28 |
| SQLSTATE[HY000] [2002] php_network_getadaddrinfo: getaddrinfo 실패: 이름 또는 servname이 제공되지 않았거나 알 수 없습니다. (0) | 2023.08.28 |
| 요소에 이벤트가 있는지 확인합니다. (0) | 2023.08.28 |