코딩하다 현타올 때

질문 : Firebug 또는 유사한 도구를 사용하여 JavaScript / jQuery 이벤트 바인딩을 디버깅하는 방법은 무엇입니까? 상당히 복잡하고 복잡한 DOM 조작을 수행하기 위해 jQuery를 사용하는 웹 애플리케이션을 디버깅해야합니다. 어느 시점에서 특정 요소에 바인딩 된 일부 이벤트가 실행되지 않고 단순히 작동을 중지합니다. 응용 프로그램 소스를 편집 할 수있는 기능이 있다면 Firebug console.log() 문을 드릴 다운하고 추가하고 문제를 정확히 찾아 내기 위해 코드를 주석 / 주석 해제합니다. 그러나 애플리케이션 코드를 편집 할 수없고 Firebug 또는 유사한 도구를 사용하여 Firefox에서 완전히 작업해야한다고 가정 해 보겠습니다. Firebug는 내가 DOM을 탐색하고 조작..

질문 : 순수 JS 또는 jQuery로 이스케이프 키 누르기를 감지하는 방법은 무엇입니까? 중복 가능성 : jQuery를 사용하는 이스케이프 키의 키 코드 IE, Firefox 및 Chrome에서 이스케이프 키 누름을 감지하는 방법은 무엇입니까? 아래 코드는 IE 및 경고 27 에서 작동하지만 Firefox에서는 경고 0 $('body').keypress(function(e){ alert(e.which); if(e.which == 27){ // Close my modal window } }); 답변 참고 : keyCode 는 더 이상 사용되지 않습니다 key 사용하세요. function keyPress (e) { if(e.key === "Escape") { // write your logic here. ..

질문 : jQuery.click () 대 onClick 거대한 jQuery 응용 프로그램이 있으며 클릭 이벤트에 대해 아래 두 가지 방법을 사용하고 있습니다. 첫 번째 방법 HTML Some Content jQuery $('#myDiv').click(function(){ //Some code }); 두 번째 방법 HTML Some Content JavaScript function call function divFunction(){ //Some code } 내 응용 프로그램에서 첫 번째 또는 두 번째 방법을 사용합니다. 어느 것이 더 낫습니까? 성능이 더 좋습니까? 그리고 표준? 답변 $('#myDiv').click(function(){ 것이 표준 이벤트 등록 모델을 따르기 때문에 더 좋습니다 . (jQu..

질문 : jQuery를 사용하여 키보드에서 Enter 키를 감지하는 방법은 무엇입니까? 사용자가 jQuery를 사용하여 Enter 키 를 눌렀는지 감지하고 싶습니다. 이것이 어떻게 가능한지? 플러그인이 필요합니까? keypress() 메서드를 사용해야하는 것 같습니다. 이 명령에 브라우저 문제가 있는지 아는 사람이 있는지 알고 싶었습니다. 브라우저 호환성 문제가 있는지 알고 싶었습니다. 답변 jQuery의 요점은 브라우저 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 이를 염두에두고 다음과 같이 할 수 있습니다. $(document).on('keypress',function(e) { if(e.which == 13) { al..

질문 : jQuery를 사용하여 입력에 포커스가 있는지 테스트 내가 구축중인 사이트의 첫 페이지에서 여러 는 CSS :hover 가상 클래스를 사용하여 마우스가 위에있을 때 테두리를 추가합니다. 중 하나에는 jQuery를 사용하여 입력에 포커스가있는 경우 테두리를 유지 이외의 요소에서 :hover 를 지원하지 않는다는 점을 제외하면 완벽하게 작동합니다. 그래서, 우리는 모방 CSS로 jQuery를 사용하는 경우에만이 브라우저 :hover 은 Using $(#element).hover() 방법. 유일한 문제는 이제 jQuery가 focus() 및 hover() 형식을 모두 처리하므로 입력에 포커스가있을 때 사용자가 마우스를 안팎으로 움직이면 테두리가 사라집니다. 이 행동을 막기 위해 어떤 종류의 조건부를 ..

질문 : jQuery $ (document) .ready 및 UpdatePanels? jQuery를 사용하여 UpdatePanel 내부의 요소에 마우스 오버 효과를 연결하고 있습니다. 이벤트는 $(document).ready 바인딩됩니다. 예를 들면 : $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); 물론 이것은 페이지가 처음로드 될 때 잘 작동하지만 UpdatePanel이 부분 페이지 업데이트를 수행하면 실행되지 않고 마우스 오버 효과가 UpdatePanel 내에서 더 이상 작동하지 않습니다. 첫 번째 페이지로드뿐만 아니라 UpdatePanel이 부분 페이지 업데이트를 실행할 때마다 ..