-
[Js&jQuery] remove on event / on 이벤트 없애기programming/JavaScript&jQuery 2020. 2. 24. 23:43반응형
JavaScript jQuery의 on 이벤트를 없애는 건 off 다.
왜인지 모르지만 써본 적은 없었던 것 같다.
근데 on이 있으면 off도 있을 거 같아서 써보았더니 정말 있었다.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters<html> <head> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> </head> <body> <input type="button" id="clickBtn" value="click!!"> <input type="button" id="offBtn" value="off event"> <input type="button" id="onBtn" value="on event"> <script> clickBtn = function(){ alert("click!!"); }; offBtn = function(){ $("#clickBtn").off("click"); }; onBtn = function(){ $("#clickBtn").on("click", clickBtn); }; $(function(){ $("#clickBtn").on("click", clickBtn); $("#offBtn").on("click", offBtn); $("#onBtn").on("click", onBtn); }); </script> </body> </html> 그래서 간단한 예제로 만들어 봤다.
버튼을 클릭하면 alert이 생기고,
off버튼으로 이벤트를 없앤다.
on버튼으로 이벤트를 추가한다.
on을 누른만큼 이벤트는 중첩해서 발생한다.(alert이 여러 개 뜬다.)
off는 한번만 눌러도 모든 on 이벤트를 없앤다.
반응형'programming > JavaScript&jQuery' 카테고리의 다른 글
[JavaScript] 자바스크립트 숫자 체크(isNaN) (0) 2020.04.02 [js&jQuery] 자바스크립트 클래스값 체크하기 (0) 2019.12.26 [JavaScript] 한글 keypress 이벤트 작동 안함 (0) 2019.12.21 [JavaScript] js 인터넷 연결 확인 (online) (0) 2019.12.11 [JavaScript] ES2015 백틱(`)과 템플릿 문자열 (0) 2019.11.22
