반응형
jQuery에서 버튼 클릭 이벤트를 처리하는 방법은 무엇입니까?
jQuery에서 버튼을 가지고 이벤트를 처리해야합니다. 그리고이 코드를 작성하고 있지만 작동하지 않습니다. 내가 뭐 놓친 거 없니?
<!-- Begin Button -->
<div class="demo">
<br> <br> <br>
<input id = "btnSubmit" type="submit" value="Release"/>
<br> <br> <br>
</div>
<!-- End Button -->
그리고 자바 스크립트 파일에서
function btnClick()
{
// button click
$("#btnSubmit").button().click(function(){
alert("button");
});
}
이벤트 핸들러를 $ (document) .ready () 이벤트에 넣어야합니다.
$(document).ready(function() {
$("#btnSubmit").click(function(){
alert("button");
});
});
$(document).ready(function(){
$('your selector').bind("click",function(){
// your statements;
});
// you can use the above or the one shown below
$('your selector').click(function(e){
e.preventDefault();
// your statements;
});
});
$("#btnSubmit").click(function(){
alert("button");
});
$('#btnSubmit').click(function(){
alert("button");
});
또는
//Use this code if button is appended in the DOM
$(document).on('click','#btnSubmit',function(){
alert("button");
});
자세한 내용은 설명서를 참조하십시오 :
https://api.jquery.com/click/
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button").click(function(){
alert("Hello");
});
});
</script>
<input type="button" id="button" value="Click me">
이 시도:
$(document).on('click', '#btnClick', function(){
alert("button is clicked");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnClick">Click me</button>
<script type="text/javascript">
$(document).ready(function() {
$("#Button1").click(function() {
alert("hello");
});
}
);
</script>
$('#btnSubmit').click(function(event){
alert("Button Clicked");
});
또는 제출 버튼을 사용하면 양식의 validate 이벤트에 코드를 작성할 수 있습니다.
$('#myForm').validate(function(){
alert("Hello World!!");
});
나를 위해 작동
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#btn").click(function() {
alert("email")
});
</script>
참고 URL : https://stackoverflow.com/questions/4323848/how-to-handle-button-click-events-in-jquery
반응형
'Programming' 카테고리의 다른 글
C ++ 열거 형을 문자열로 변환하는 간단한 방법이 있습니까? (0) | 2020.07.19 |
---|---|
왜 파이썬에서 0, 0 == (0, 0)이 (0, False) (0) | 2020.07.19 |
Android에서 JSON을 구문 분석하는 방법 (0) | 2020.07.18 |
git가“당신이 의미 한”제안을 어떻게 할 수 있습니까? (0) | 2020.07.18 |
HTML5 YouTube 동영상 강제 (0) | 2020.07.18 |