인생 데이터베이스

Programming/자바스크립트

[JavaScript / JQuery]event객체 받아오기.

** JavaScript 이벤트 객체 const a = function(param){ console.log(param); } // JavaScript에서는 파라미터로 event를 넘겨주게 되면, // 현재 해당하는 event에 대한 객체 정보를 얻어올 수 있게 된다. // 출력 결과 // 또한, this와 함수명으로, 파라미터로 정보를 얻어올 수 있게 된다. 이벤트 객체 const a = function(param, param2, param3){ console.log(param); console.log(param2); console.log(param3); } // 출력 결과 ** JQuery 이벤트 객체 $("button").click(function(e){ console.log(e); // event객..

Programming/자바스크립트

[JavaScript/JQuery]키보드 입력, 마우스 클릭을[A.K.A 이벤트] 막고 싶을 때, event.preventDefault(); / e.preventDefault();

123456// enter 키 이벤트$(document).on('keydown', 'textarea', function(e){ if(e.keyCode == 13) { e.preventDefault(); // 엔터키가 입력되는 것을 막아준다. }});Colored by Color Scriptercs

Programming/자바스크립트

[JavaScript/JQuery] append(), appendTo()로 추가한 요소에 script 이벤트가 작동하지 않을 때

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 $("#abc").append(" click "); $('#test').click(function(){ alert('a'); }); 동적으로 append 한 요소에 이벤트를 걸어도 DOM Tree 구조에서는 새로 작성된 div#test를 찾지 못하여, 이벤트 바인딩에 실패하게 됩니다. $(document).on("click","#test",function(){ alert('a'); /* $(document).on("이벤트","선택자",함수(){}); id가 test인 태그를 click했을 때 function(){} 중괄호 안..