728x90 반응형 이벤트2 [JavaScript] input 창 에서 엔터 키 검색 이벤트 네이버 검색창에 키워드를 입력 후 엔터를 치면 바로 검색 되듯 별도의 클릭 없이 입력 후 바로 이벤트 발생시키고 싶을 때! 12345678910111213 function searchData(){...} Colored by Color Scriptercs **Tiponkeypress 부분을 input 이 아닌 body 태그에 함께 써주게 되면 input box 외의 공간에서도엔터 이벤트가 발생된다. form 안에 text 타입의 input 박스가 하나만 존재 할 경우(hidden 제외) input 박스에서 엔터를 치면 자동으로 form submit이 된다고 한다. 이 때,과 같이 onsubmit 을 추가해 자동으로 submit 되는 것을 막는다. 출처 : http://zent.tistory.com/39 2017. 12. 28. 동적 생성 element 이벤트 바인딩 .on() DB에서 받아온 데이터를 이용하여 나, 등의 태그를 동적으로 추가할 경우, 123$("#fsch_lst li").click(function(){ alert($(this).attr("id"));});Colored by Color Scriptercs 이와같은 일반적인 이벤트가 동작되지 않는다. 기존에 작성된 태그에는 click 이벤트가 적용 되지만,for문이나 ajax로 추가되는 element에는 click 이벤트가 적용되지 않는다. 아래 소스코드로 바꾸어 실행해야한다. 123$("#fsch_lst").on("click","li", function(e){ alert($(this).attr("id"));});Colored by Color Scriptercs document 선택자 사용가능. 123$(docum.. 2017. 12. 20. 이전 1 다음 728x90 반응형