event.srcElement 사용 참고 사항 e.target_javascript 팁-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 18:38:48

원래의

1231명이 탐색했습니다.

획득한 태그는 "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">

첫 번째 하위 태그 마지막 하나는 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