일반적으로 on()메서드로 이벤트를 등록하는 형식은 다음과 같다.
$(이벤트 리튼 대상).on("들을 이벤트", 실행함수(){
실행코드
});
<script>
$(document).ready(function(){
$(".btn1").on("mouseover focus",function(){
$(".btn1").parent().next().css({"color":"#f00"});
})
$(".btn1").trigger("mouseover"); //
});
</script>
<body>
<p>
<button class="btn1">버튼1</button>
</p>
<p>내용1</p>
</body>
trigger()는 강제로 이벤트를 발생시켜야 할 경우 사용. $(리슨대상).mouseover(); 로도 가능
이벤트를 제거하려면
$(".btn1").off("mouseover");
위 방식에서는 객체조작으로 새로 생성 복제된 요소에 이벤트를 등록할 수 없다.
라이브 이벤트 등록방식은 on()의 인자로 생성된요소를 지정해서 이벤트를 등록한 다음, class값을 생성하면 정상작동한다.
<script>
$(document).ready(function(){
$(document).on("mouseover focus",".btn1",function(){
alert("HEY~");
})
$(".btn1").addClass("on");
});
</script>
'코딩' 카테고리의 다른 글
| [프로그래머스 입문] (JAVASCRIPT) 종이 자르기 (0) | 2023.04.17 |
|---|---|
| [프로그래머스 입문] (JAVASCRIPT) 옹알이 (0) | 2023.04.17 |
| Golang cmd 오류 $GOPATH/go.mod exists but should not (0) | 2022.07.23 |
| 2022.05.02 노드만들고사용하기 module.exports={}, const {} = require() (0) | 2022.05.03 |
| 2022.03.30_36일차 (0) | 2022.04.23 |
댓글