onclick, onchange 및 기타 events_javascript 기술의 값을 얻기 위한 순수 JavaScript 구현

오늘 Xiaocai가 드롭다운 메뉴의 계단식 문제를 처리했을 때 HTML 태그의 이벤트 콘텐츠, 즉 에서 javascript:test()를 가져옵니다.

샤오카이는 이벤트의 정보를 활용해 다음 레벨 메뉴를 결정하고 싶었지만, 단순해 보이는 이 질문 때문에 샤오차이는 엉키게 되었습니다.

JQuery에 대해 조금 알고 있다면 다음과 같이 시도해 볼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
var onchangeValue = $("#city").attr("onchange");
경고(onchangeValue);
});

JQuery의 범용 속성 메서드는 이벤트라도 콘텐츠를 직접 얻을 수 있기 때문에 실제로 얻을 수 있습니다.

그러나 실제 개발 환경에서는 이 방법으로 Xiaocai를 얻을 수 없으며, 얻은 모든 것이 정의되지 않습니다.

고민하던 중에 순수 JavaScript를 사용하여 얻는 또 다른 방법을 찾았습니다.

구체적인 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
경고(onchangeValue);
});

여기서는 간단히 말해서 getAttributeNode() 메소드를 주로 사용하는데, 이는 XML 처리와 유사하게 속성과 이벤트의 차이를 무시하고 속성 노드를 얻은 뒤, 해당 노드의 값을 얻기 위해 nodeValue를 사용한다. 속성 노드.

getAttribute() 메소드를 사용하면 onchange는 이벤트이므로 얻는 것은 함수 객체이므로 문자열로 처리할 수 없습니다.

이 글이 도움이 필요한 아이들의 신발에 도움이 되기를 바랍니다. . . . .