«dom-events» 태그된 질문

DOM (Document Object Model) 이벤트를 통해 이벤트 중심 프로그래밍 언어는 DOM 트리 내의 요소 노드에 다양한 이벤트 핸들러 / 리스너를 등록 할 수 있습니다.

7
jquery mouseenter () 대 mouseover ()
그래서 최근에 답변 된 질문 을 읽은 후 mouseenter()와 의 차이점을 실제로 이해하고 있는지 확실하지 않습니다 mouseover(). 게시물 상태 MouseOver () : 요소에 들어가거나 요소 내에서 마우스 움직임이 발생할 때마다 발생합니다. MouseEnter () : 요소를 입력하면 발사됩니다. 나는 두 가지를 모두 사용 하는 바이올린을 생각해 냈고 꽤 비슷해 보입니다. 누군가 …
172 jquery  dom-events 

19
jQuery없이 부모 절대 div의 자식 요소를 가리킬 때 onmouseout 방지
onmouseout절대 포지티브 div에서 함수에 문제가 있습니다. 마우스가 div의 자식 요소에 부딪 치면 mouseout 이벤트가 발생하지만 마우스가 부모 인 절대 div에서 벗어날 때까지 마우스를 발사하지는 않습니다. mouseoutjquery없이 자식 요소에 도달했을 때 이벤트가 발생 하지 않도록하려면 어떻게해야합니까 ? 나는 이것이 이벤트 버블 링과 관련이 있다는 것을 알고 있지만, 이것을 해결하는 방법을 찾는 …

14
마우스 "클릭"과 "끌기"를 구별하는 방법
내가 사용하는 jQuery.click한편, 내가 마우스 처리 할 필요가 라파엘 그래프에서 마우스 클릭 이벤트를 처리하는 drag이벤트를 마우스 드래그로 구성 mousedown, mouseup및mousemove 라파엘있다. 구별하기 어려운 click하고 drag있기 때문에 click도 포함 mousedown& mouseup, 어떻게 자바 스크립트에서 다음 "드래그"& 마우스 "클릭"마우스를 구별 할 수 있습니까?

4
함수 내에서이 setInterval을 지우려면 어떻게해야합니까?
일반적으로 간격을 변수로 설정 한 다음처럼 지우지 var the_int = setInterval(); clearInterval(the_int);만 코드가 작동하려면 익명 함수에 넣습니다. function intervalTrigger() { setInterval(function() { if (timedCount >= markers.length) { timedCount = 0; } google.maps.event.trigger(markers[timedCount], "click"); timedCount++; }, 5000); }; intervalTrigger(); 이걸 어떻게 지우나요? 나는 그것을 쏴서 var test = intervalTrigger(); clearInterval(test);확실하게 하려고했지만 …

22
자식 요소 위로 드래그하면 부모 요소의 'dragleave'가 발생합니다.
개요 다음 HTML 구조 를 가지고 있으며 요소에 dragenterand dragleave이벤트를 첨부했습니다 <div id="dropzone">. <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> 문제 나는 통해 파일을 드래그 할 때 <div id="dropzone">의 dragenter예상대로 이벤트가 발생합니다. 그러나와 같은 …

16
"검색"HTML5 입력이 지워지는 것을 어떻게 감지합니까?
HTML5에서 search입력 유형은 오른쪽에 작은 X가 표시되어 텍스트 상자를 지우 게합니다 (적어도 Chrome에서는 가능할 수 있음). 자바 스크립트 나 jQuery에서이 X가 클릭 될 때를 감지하는 방법이 있습니까? 예를 들어, 상자가 완전히 클릭되는 시점을 감지하거나 일종의 위치 클릭 감지 (x-position / y-position)를 수행하는 것입니까?

8
Chrome을 사용하여 요소에 바인딩 된 이벤트를 찾는 방법
내 페이지에 링크가 있다고 가정 해 봅시다. <a href="#" id="foo">Click Here</a> 다른 것을 모르지만 링크를 클릭 alert("bar")하면가 표시됩니다. 그래서 어딘가에 일부 코드가 바인딩되고 있음을 알고 #foo있습니다. alert("bar")클릭 이벤트에 바인딩하는 코드를 어떻게 찾을 수 있습니까? Chrome 솔루션을 찾고 있습니다. 추신 :이 예제는 허구이므로 "XXXXXX를 사용하고"alert (\ "bar \") "에 대한 전체 …

29
JavaScript를 사용하여 Twitter Bootstrap 3의 반응 형 중단 점을 감지하는 방법은 무엇입니까?
현재 Twitter Bootstrap 3에는 768px, 992px 및 1200px의 반응 형 중단 점이 있으며 각각 중소형 및 대형 장치를 나타냅니다. JavaScript를 사용하여 이러한 중단 점을 어떻게 감지 할 수 있습니까? 화면이 변경 될 때 트리거되는 모든 관련 이벤트에 대해 JavaScript로 듣고 싶습니다. 화면이 소형, 중형 또는 대형 장치 용인지 감지 할 …

7
JavaScript를 사용하여 마우스 클릭을 시뮬레이션하는 방법?
document.form.button.click()방법 에 대해 알고 있습니다. 그러나 onclick이벤트 를 시뮬레이션하는 방법을 알고 싶습니다 . 스택 오버플로 에서이 코드를 찾았지만 사용 방법을 모르겠습니다. function contextMenuClick() { var element= 'button' var evt = element.ownerDocument.createEvent('MouseEvents'); evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 1, null); element.dispatchEvent(evt); } JavaScript를 사용하여 …

20
form.submit의 응답을 어떻게 캡처합니까?
다음 코드가 있습니다. <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> 의 html 응답을 캡처하고 싶습니다 form1.submit. 어떻게해야합니까? form1.submit 메소드에 콜백 함수를 등록 할 수 있습니까?

7
Internet Explorer 9, 10 & 11 이벤트 생성자가 작동하지 않습니다
이벤트를 만들고 있으므로 DOM 이벤트 생성자를 사용하십시오. new Event('change'); 이것은 최신 브라우저에서는 잘 작동하지만 Internet Explorer 9, 10 및 11에서는 다음과 같이 실패합니다. Object doesn't support this action Internet Explorer (이상적으로 폴리 필을 통해)를 수정하려면 어떻게해야합니까? 내가 할 수 없다면 사용할 수있는 해결 방법이 있습니까?

21
JavaScript를 사용하여 클릭하여 Iframe으로 감지
iframe교차 도메인 인 경우 사용자가 내부에서 수행중인 작업을 알 수 없다는 것을 이해 합니다. 내가하고 싶은 것은 사용자가에서를 클릭했는지 추적하는 것 iframe입니다. 나는 보이지 않는이 시나리오 상상 div의 상단을 iframe하고하여이 div바로 다음에 클릭 이벤트를 전달합니다 iframe. 이와 같은 것이 가능합니까? 그렇다면 어떻게해야합니까? 는 iframes광고입니다, 그래서 사용되는 태그를 제어 할 수 …

4
발생한 JavaScript 이벤트를 확인하는 방법은 무엇입니까?
선택 목록이 있습니다. <select id="filter"> <option value="Open" selected="selected">Open</option> <option value="Closed">Closed</option> </select> Closed페이지를 선택 하면 새로 고침됩니다. 이 경우에는 열린 티켓 대신 닫힌 티켓이 표시됩니다. 수동으로 할 때 잘 작동합니다. 문제는 내가 선택하면 페이지가 다시로드하지 않는다는 것입니다 Closed으로 Watir과 : browser.select_list(:id => "filter").select "Closed" 이는 일반적으로 일부 JavaScript 이벤트가 발생하지 않음을 …

8
모든 브라우저에서 Object.watch ()?
있음을 유의하시기 바랍니다 Object.Watch그리고 Object.Observe모두 (2018년 6월 현재) 현재 사용되지 않습니다. 개체 또는 변수의 변경 사항을 모니터링 할 수있는 쉬운 방법을 찾고 있었는데, Object.watch()Mozilla 브라우저에서는 지원되지만 IE에서는 지원되지 않습니다. 그래서 나는 누군가가 비슷한 종류의 글을 썼는지 알아보기 시작했습니다. 내가 찾은 유일한 것은 jQuery 플러그인 이었지만 그것이 최선의 방법인지 확실하지 않습니다. …


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.