JavaScript 이벤트 의 중요 한 설명

3309 단어 JavaScript이벤트
1,JavaScript 비동기 반전
 
<script language="javascript">
// loaded window.onload
window.onload = loaded;
// window.alert show
var show = window.alert;
function loaded(){
show("success");
}
</script>
2,이벤트 대상 아래 js 는 textarea 텍스트 상자 에 리 턴 을 입력 할 때 줄 이 바 뀌 지 않 습 니 다.즉,Enter 키 를 사용 하지 않 습 니 다
 
<textarea ></textarea>
<script language = "javascript">
/*
,IE W3C 。IE ( window.event ), 。
*/
document.getElementsByTagName("textarea")[0].onkeypress = function(e)
{
// , ( IE)
var e = e || window.event;
// , false( )
return e.keyCode != 13;
}
</script>
3.this 키워드 브 라 우 저 는 this 키 워드 를 이 함수(this 키 워드 를 포함 한 함수)의 현재 요 소 를 참조 하 는 것 과 같 습 니 다.사건 의 거품 을 없 애 는 처리 가 필요 하 다.마우스 가 멈 춰 있 는 현재 요소 에 빨간색 테 두 리 를 추가 하 는 실례 를 보 여 줍 니 다.사건 의 거품 을 막 지 않 으 면 마 우 스 를 하나의 요소 로 옮 길 때마다 이 요소 와 부모 요 소 는 빨간색 테두리 가 있 습 니 다.이것 은 우리 가 보고 싶 지 않 은 것 입 니 다
 
<body>
<div id = "body">
<ul class = "links">
<li>
<a href = "/">Home</a>
</li>
<li>
<a href = "./">mappath</a>
</li>
<li>
<a href = "../">parentpath</a>
</li>
</ul>
</div>
</body>
<script language = "javascript">
var li = document.getElementsByTagName("li");
for (var i = 0; i < li.length; i++)
{
li[i].onclick = handeClick;
}
function handeClick()
{
this.style.backgroundColor = "blue";
this.style.color = "red";
}
</script>
5.브 라 우 저 를 다시 불 러 오 는 기본 행동 브 라 우 저 는 이러한 기본 적 인 행동 을 합 니 다.즉,우리 가탭 에서 클릭 할 때 href 속성의 주소 에 연 결 됩 니 다.어떤 때 는 이러한 일이 발생 하 기 를 원 하지 않 고 우리 의 효 과 를 실현 하려 고 합 니 다.예 를 들 어 팝 업 경고 상자 와 같은 예 는 다음 과 같 습 니 다 <body> <div id = "body"> <ul class = "links"> <li> <a href = "/">Home</a></li><li><a href="./">mappath</a></li><li><li><a href="../">parentpath</a></li></li></ul></div></body><script language="javascript">/거품 을 막 는 통용 함수 function stopBubble(e){if(e&e.stopPropagation)//w3c 방법 e.stopPropagation();else//ie 방법 window.event.cancelBubble=true;}var li = document.getElementsByTagName("*"); for (var i = 0; i < li.length; i++){//사용자 마 우 스 를 감청 합 니 다.요소 로 이동 할 때 요소 에 빨간색 테두리 li[i].onmouseover=function(e){this.style.border="1px solid red"를 추가 합 니 다.stopBubble(e); } //사용자 마 우 스 를 검사 하고 요 소 를 옮 길 때 추가 한 테두리 li[i].onmouseout=function(e){this.style.border="0px"를 삭제 합 니 다.stopBubble(e); } } </script> 6.사건 의 친화력(accessibility,접근 성 이 라 고도 함)은 자신의 사 이 트 를 더욱 친화력 있 게 하기 위해 서 입 니 다.이렇게 고려 할 수 있 습 니 다.우리 가 마 우 스 를 한 요소 에 놓 거나 키보드 의 tab 키 를 통 해 방문 할 때 그 스타일 은 일치 해 야 합 니 다.다음 코드.45677913.7,귀속 사건 감청.45677913.

좋은 웹페이지 즐겨찾기