티스토리 뷰

Programming/JQUERY

JQUERY 강제 클릭 이벤트

Beat. 2016. 9. 5. 14:59

이 전글에서는 자바스크립트 강제 클릭 이벤트에 대해서 알아보았는데요.


이번에는 JQUERY 강제 클릭 이벤트에 대해 알아보겠습니다.

<body>안에 복사붙여넣기 하시고 바로실행 해주세요.

<script src="//code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    //body가 다실행되면 load가 실행됩니다.
    $(window).load(function() {
        //버튼 강제 클릭 이벤트
        $("#btn1").trigger('click');
    });
    
    //버튼 클릭시 이벤트
    $("#btn1").click(function() {
        alert("버튼이 클릭되었습니다.");
    })
});
</script>
<input type="button" value="클릭" id="btn1">

<body>안에 복사붙여넣기 하시고 바로실행 해주세요.

아까 자바스크립트 기억하시나요?

document.폼name.버튼id.click();

document.form1.btn1.click();


$("#버튼id").trigger('click');

$("#btn1").trigger('click');


JQUERY가 더간단하죠?


trigger만 기억하고 있어도 강제 버튼은 쉽게 할 수 있습니다.


아마 trigger를 사용하실 일이 많으실겁니다.


2016/09/05 - [Programming/JAVASCRIPT] - 자바스크립트 강제 클릭 이벤트






'Programming > JQUERY' 카테고리의 다른 글

JQUERY 엔터키를 사용해 포커스 이동하기  (0) 2016.09.12
JQUERY 라디오버튼 값 가져오기  (0) 2016.09.07
JQUERY 값 내용 없애기  (0) 2016.09.06
JQUERY 테이블 행 추가 삭제 하기  (0) 2016.09.03
공유하기 링크
댓글