[jQuery] 여러개의 이벤트 리스너 한 번에 설정

Front-End/jQuery

[jQuery] 여러개의 이벤트 리스너 한 번에 설정 - on()

리딩리드 2017. 1. 6. 15:48

여러개의 이벤트 리스너 한 번에 설정 - on()

1. 방법

1) 구문

- on 메소드에 '이벤트명 : 값' 을 이용하여 여러개 셋팅이 가능하다

2) 예

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style> #outer{ border : 1px solid black; width: 400px; height :400px; } </style> </head> <div id="outer"></div> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $('#outer').on({ 'mouseenter': function(e) { $(this).css('border-color','red'); }, 'mouseleave':function (e) { $(this).css('border-color','black'); }, 'click':function(e){ $(this).css('background-color','blue'); } }); </script>