예제 코드 코드 복사 코드는 다음과 같습니다. 트리거 🎜>( function($) { <br>//demo1 <br>$("#demo").bind("demo-trigger", function(e, args) { <br>var info = []; <br>/ / 이에 따라 args 매개변수에서 데이터를 가져옵니다. <br>for(var prop in args) { <br>info.push(prop ":" args[prop]) <br>} <br>this .innerHTML = info .join(';'); <br>}); <br>$('#btn').click(function() { <br>// 데이터를 매개변수로 전달합니다. 관심 있는 이벤트 이름 트리거 방법 입력 <br>$('#demo').trigger('demo-trigger', { <br>name:'Andrew', <br>age: '23', <br> 작업: '프런트엔드 개발' <br>}); <br>}) <br><br>/**deco2 <br>$("#demo").bind("demo-trigger", function(e) { <br>var info = []; <br>//들어오는 e.extra를 통해 가져옵니다. 들어오는 데이터 <br>for(var prop in e.extra) { <br>info.push(prop ":" e.extra[prop]) <br>} <br>//Displayed<br> this.innerHTML = info .join(';'); <br>}); <br>$('#btn').click(function() { <br>//이 사용법은 매우 흥미롭습니다. 새로운 jQuery 이벤트를 생성해 보겠습니다. 매개변수는 관심 있는 이벤트 이름입니다. <br>var event = new jQuery.Event("demo-trigger") <br>//데이터를 포함하려면 이 이벤트에 속성을 첨부하세요. <br>event.extra = { <br>name:'Andrew', <br>age:'23', <br>job:'FrontEnd Dev' <br>} <br>//마지막으로 이벤트를 트리거 메소드에 전달합니다...위의 $를 참조하세요. ('#demo')..... <br>$('#demo').trigger(event) <br>});**/ <br>})(jQuery) <br></body> ; <br><br> </div>
