프로그램 작성 dom-events

9

반응 형 내비게이션 바를 만들려고했지만 미디어 쿼리를 사용하고 싶지 않으므로 *ngIF창 크기를 기준으로 사용하려고합니다 . 그러나 Angular 4 창 크기 감지에 대한 방법이나 문서를 찾을 수 없기 때문에 문제가 발생했습니다. JavaScript 방법도 시도했지만 지원되지 않습니다. 또한 다음을 시도했습니다 . constructor(platform: Platform) { platform.ready().then((readySource) => { console.log('Width: ' + platform.width()); console.log('Height: …

118 html angular dom-events

13

자손의 이벤트 리스너를 파괴하지 않고 innerHTML에 추가 할 수 있습니까?

다음 예제 코드에서는 onclick"foo"라는 텍스트가 포함 된 범위에 이벤트 핸들러를 연결합니다 . 핸들러는 alert(). 그러나 부모 노드의에 할당하면 innerHTML이 onclick이벤트 핸들러가 파괴됩니다. "foo"를 클릭하면 경고 상자가 표시되지 않습니다. 이 문제를 해결할 수 있습니까? <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); …

112 javascript html innerhtml dom-events

11

execCommand에서 '일반 텍스트로 붙여 넣기'에 대한 Javascript 트릭

execCommand여기에 소개 된 샘플을 기반으로 한 기본 편집기가 있습니다. execCommand영역 내에 텍스트를 붙여 넣는 세 가지 방법이 있습니다. Ctrl+V 마우스 오른쪽 버튼 클릭-> 붙여 넣기 오른쪽 클릭-> 일반 텍스트로 붙여 넣기 HTML 마크 업없이 일반 텍스트 만 붙여 넣기를 허용하고 싶습니다. 처음 두 작업을 강제로 일반 텍스트를 붙여 넣을 수 …

106 javascript html dom-events execcommand

5

addEventListener를 사용하여 노드에 연결된 이벤트 리스너 가져 오기

나는 이미 다음 질문을 살펴 보았습니다. 디버깅 할 때 또는 JavaScript 코드에서 DOM 노드에서 이벤트 리스너를 찾는 방법은 무엇입니까? html 요소에서 Javascript 이벤트 핸들러를 프로그래밍 방식으로 검사하고 수정할 수 있습니까? Firebug (또는 유사한 도구)로 JavaScript / jQuery 이벤트 바인딩을 디버그하는 방법 그러나 그들 중 어느 것도 이벤트 리스너가 생성되기 전에 …

106 javascript dom-events

10

어레이 변경을 관찰하는 방법은 무엇입니까?

Javascript에서 푸시, 팝, 시프트 또는 인덱스 기반 할당을 사용하여 배열이 수정 될 때 알림을받는 방법이 있습니까? 내가 처리 할 수있는 이벤트를 발생시킬 무언가를 원합니다. watch()SpiderMonkey 의 기능에 대해 알고 있지만 전체 변수가 다른 것으로 설정된 경우에만 작동합니다.

106 javascript dom-events

14

동적으로 연결된 이벤트 리스너가 있는지 여부를 확인하는 방법은 무엇입니까?

내 문제는 다음과 같습니다. 어떻게 든 동적으로 연결된 이벤트 리스너의 존재를 확인할 수 있습니까? 또는 DOM에서 "onclick"(?) 속성의 상태를 어떻게 확인할 수 있습니까? 해결책을 찾기 위해 Stack Overflow와 마찬가지로 인터넷을 검색했지만 운이 없습니다. 내 HTML은 다음과 같습니다. <a id="link1" onclick="linkclick(event)"> link 1 </a> <a id="link2"> link 2 </a> <!-- without …

105 javascript testing addeventlistener dom-events

13

JavaScript의 익명 함수에 대한 removeEventListener

메서드가있는 개체가 있습니다. 이러한 메서드는 익명 함수 내부의 개체에 배치됩니다. 다음과 같이 보입니다. var t = {}; window.document.addEventListener("keydown", function(e) { t.scroll = function(x, y) { window.scrollBy(x, y); }; t.scrollTo = function(x, y) { window.scrollTo(x, y); }; }); (더 많은 코드가 있지만 문제를 보여주기에는 충분합니다) 이제 경우에 따라 이벤트 리스너를 중지하고 …

101 javascript safari dom-events anonymous-function

13

ReactJS에서 어떻게 Hover합니까? -빠른 마우스 오버 중에 onMouseLeave가 등록되지 않았습니다.

인라인 스타일링을 할 때 ReactJS에서 hover 이벤트 또는 활성 이벤트를 어떻게 얻을 수 있습니까? 나는 onMouseEnter, onMouseLeave 접근 방식이 버그가 있음을 알았으므로 다른 방법이 있기를 바랍니다. 특히 구성 요소 위로 마우스를 빠르게 가져 가면 onMouseEnter 이벤트 만 등록됩니다. onMouseLeave는 실행되지 않으므로 상태를 업데이트 할 수 없습니다. ": active"css 가상 클래스를 …

101 javascript css reactjs mouseevent dom-events

12

jQuery의 요소에 의해 발생한 모든 이벤트를 어떻게 기록합니까?

사용자 가 입력 필드 와 상호 작용할 때 입력 필드에서 발생하는 모든 이벤트를보고 싶습니다 . 여기에는 다음과 같은 항목이 포함됩니다. 그것을 클릭합니다. 그것을 클릭합니다. 그것에 탭. 그것에서 멀리 탭. Ctrl키보드의 + C및 Ctrl+ V. 오른쪽 클릭-> 붙여 넣기. 오른쪽 클릭-> 잘라 내기. 오른쪽 클릭-> 복사. 다른 응용 프로그램에서 텍스트 끌어서 …

94 javascript jquery events dom-events

5

React onClick-매개 변수로 이벤트 전달

매개 변수없이 function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> 매개 변수로 function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> 나는 event. 어떻게받을 수 있습니까?

93 javascript reactjs events dom-events

11

브라우저에서 CSS3 전환 기능을 어떻게 정규화합니까?

Webkit의 전환 종료 이벤트는 webkitTransitionEnd, Firefox는 transitionEnd, Opera는 oTransitionEnd입니다. 순수 JS에서 모두를 다루는 좋은 방법은 무엇입니까? 브라우저 스니핑을해야합니까? 또는 각각을 개별적으로 구현 하시겠습니까? 나에게 발생하지 않은 다른 방법? 즉 : //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd"; element.addEventListener(transitionend, function(){ //do …

91 javascript css css-transitions dom-events

8

JavaScript에서 DOM과 BOM은 무엇입니까?

JavaScript에서 DOM과 BOM은 무엇입니까? 누군가가 평신도 용어로 이것을 설명 할 수 있다면 그것은 좋을 것입니다! 나는 이것들에 대해 더 깊이 이해하고 싶습니다.

90 javascript dom dom-events

6

React에서 onChange와 onInput의 차이점은 무엇입니까?

나는 이것에 대한 답을 찾기 위해 노력했지만 대부분은 onChange흐림을 유발하는 React의 컨텍스트 외부에 있습니다 . 다양한 테스트를 수행 할 때이 두 이벤트가 어떻게 다른지 (텍스트 영역에 적용했을 때) 말할 수없는 것 같습니다. 누구든지 이것에 대해 밝힐 수 있습니까?

90 javascript reactjs dom-events

6

JS에서 URL 앵커 변경 이벤트 처리

URL 앵커의 변경 사항에 대해 실행될 JavaScript 콜백 코드를 어떻게 작성할 수 있습니까? 예를 들어 http://example.com#a~에서http://example.com#b

88 javascript event-handling dom-events fragment-identifier hashchange

12

html <input type =“text”/> onchange 이벤트가 작동하지 않음

실험을하려고합니다. 내가 원하는 것은 사용자가 텍스트 상자에 무언가를 입력 할 때마다 대화 상자에 표시된다는 것입니다. 내가 사용 onchange이 일어날 수 있도록 이벤트 속성을하지만 일을하지 않습니다. 작동하려면 제출 버튼을 눌러야합니다. 나는 AJAX에 대해 읽었고 이것에 대해 배우려고 생각하고 있습니다. 작동하려면 AJAX가 여전히 필요합니까 아니면 간단한 JavaScript로 충분합니까? 도와주세요. index.php <script type="text/javascript" …

88 javascript dom-events

«dom-events» 태그된 질문