>웹 프론트엔드 >JS 튜토리얼 >event.srcElement 사용 참고 사항 e.target_javascript 팁

event.srcElement 사용 참고 사항 e.target_javascript 팁

WBOY
WBOY원래의
2016-05-16 18:38:481233검색

획득한 태그는 "TD", "TR", "A" 등 모두 대문자로 표시된다는 점에 유의하세요. 그래서 읽은 내용 중 일부를 복사해 두었다가 기억이 나지 않을 때 다시 찾아보곤 합니다.

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



event.srcElement에는 문자 그대로 다음과 같은 키워드가 있습니다.
document.getElementById("")와 같은 다양한 속성을 호출할 수 있습니다.
사람들은 종종 Firefox에서 event.srcElement를 사용하는 방법을 묻습니다. 자세한 설명은
아래에 있습니다. IE에서는 이벤트 객체에 srcElement 속성이 있지만 target 속성은 없습니다. Firefox에서는 이벤트 객체에 target 속성이 있지만 srcElement 속성은 없습니다. 즉, 다음과 같이 동일합니다.
firefox event.target = event IE의 .srcElement

해결책: obj(obj = event.srcElement ? event.srcElement : event.target;)를 사용하여 IE 또는 Firefox event.target의 event.srcElement를 대체합니다.
다음은 일부입니다. 일반적인 상황(IE에서 테스트를 통과합니다. Firefox에서 event.target을 테스트하려면 코드를 수정하고 저장한 다음 firefox로 테스트를 열 수 있습니다):

event srcElement. div_001">
<script> <u>함수 Get_srcElement() </u>var srcElement= "" </a>srcElement = srcElement " " " event.srcElement.id : " event.srcElement.id </span>srcElement = srcElement " " " event.srcElement.tagName : " event.srcElement.tagName </div>srcElement = srcElement " " "event.srcElement.type : " event.srcElement.type <div class="codebody" id="code36405">srcElement = srcElement " " "event.srcElement.value : " event.srcElement.value <br>srcElement = srcElement " " "이벤트 .srcElement.name : " event.srcElement.name <br>srcElement = srcElement " " " event.srcElement.className : " event.srcElement.className <br>srcElement = srcElement " " " event.srcElement.parentElement.id : " event.srcElement. parentElement.id <br>srcElement = srcElement " " "event.srcElement.getattribute : " event.srcElement.getAttribute <br>alert(srcElement) <br>} <br></script> 🎜>event.srcElement.selectedIndex는 일반적으로 선택 개체에 사용됩니다.




코드 복사


코드는 다음과 같습니다.


첫 번째 하위 태그 마지막 하나는 event.srcElement.firstChild [i] event.srcElement.parentElement는 마우스가 위치한 객체의 이전 객체를 참조합니다.


코드 복사


코드는 다음과 같습니다.


;span id="node001">첫 번째 노드 div001
;span id="node002">두 번째 노드 div002
;span id="node003">세 번째 노드 div003

세 번째 노드 div004


< ;/div>
<script> <br>함수 Get_srcElement() <br>{ <br>var srcElement="" <br>srcElement = srcElement " " "event.srcElement.children[0].tagName: " event.srcElement .children[0].tagName <br>srcElement = srcElement " " " event.srcElement.firstChild.id : " event.srcElement.firstChild.id <br>srcElement = srcElement " " " event.srcElement.lastChild .id : " event.srcElement.lastChild.id <br>alert(srcElement) <br>} <br></script>






event.srcElement 관련 문제 - - 하위
event.srcElement의 태그 및 상위 태그:
첫 번째 하위 태그는
event.srcElement.firstChild입니다.
마지막 태그는
event.srcElement.lastChild
입니다.
event.srcElement.children[i]
event.srcElement.ChildNode[i]를 사용할 수도 있습니다.
event.srcElement.parentElement는 마우스가 위치한 객체의 이전 객체를 참조합니다. .


atest



< ;td>tr< ;/td>




<선택 >
<옵션 값="1" 옵션 값="2">2


코드 참조:

http://www.jb51.net /article/566 .htm
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.