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 keyCode = (event.keyCode ? event.keyCode : event.which);
if (keyCode == 13) {
$('#startSearch').trigger('click');
}
});
그것이 당신을 돕는 희망
$('#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');
}
});
});
내가 사용하고 trigger()클릭을 실행하고 바인드 그것은에 keyup이벤트의 insted keydown때문에 click실제로 즉 두 이벤트의 이벤트 포함 mousedown다음 mouseup. 그래서와 가능한 한 같은 일 닮은 keydown와 keyup.
여기 데모가 있습니다
Are you trying to mimic a click on a button when the enter key is pressed? If so you may need to use the trigger syntax.
Try changing
$('input[name = butAssignProd]').click();
to
$('input[name = butAssignProd]').trigger("click");
If this isn't the problem then try taking a second look at your key capture syntax by looking at the solutions in this post: jQuery Event Keypress: Which key was pressed?
Another addition to make:
If you're dynamically adding an input, for example using append(), you must use the jQuery on() function.
$('#parent').on('keydown', '#input', function (e) {
var key = e.which;
if(key == 13) {
alert("enter");
$('#button').click();
return false;
}
});
UPDATE:
An even more efficient way of doing this would be to use a switch statement. You may find it cleaner, too.
Markup:
<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;
}
});
Try This
<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>
Just include preventDefault() function in the code,
$("#txtSearchProdAssign").keydown(function (e) {
if (e.keyCode == 13) {
e.preventDefault();
$('input[name = butAssignProd]').click();
}
});
keyup is better than keypress to get the contents of input filed.
Jquery: Fire Button click event Using enter Button Press try this::
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-->
You can use this code
$(document).keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
alert('You pressed a ENTER key.');
}
});
This appear to be default behaviour now, so it's enough to do:
$("#press-enter").on("click", function(){alert("You `clicked' or 'Entered' me!")})
You can try it in this JSFiddle
Tested on: Chrome 56.0 and Firefox (Dev Edition) 54.0a2, both with jQuery 2.2.x and 3.x
참고URL : https://stackoverflow.com/questions/18160342/jquery-how-to-trigger-click-event-on-pressing-enter-key
'programing tip' 카테고리의 다른 글
| 트위터 부트 스트랩 모달을 전체 화면으로 만드는 방법 (0) | 2020.06.16 |
|---|---|
| JavaScript의 querySelector 및 querySelectorAll vs getElementsByClassName 및 getElementById (0) | 2020.06.16 |
| js를 사용하여 소프트웨어 버전 번호를 비교하는 방법은 무엇입니까? (0) | 2020.06.16 |
| 파이썬에서 메소드 오버로딩을 어떻게 사용합니까? (0) | 2020.06.16 |
| XElement의 InnerXml을 얻는 가장 좋은 방법은 무엇입니까? (0) | 2020.06.16 |