이벤트 대상, 거품 방지, 키보드 이벤트
16281 단어 대상
1 //IE event
2 oDiv.style.left=event.clientX+'px';
3 oDiv.style.top=event.clientY+'px';*
4
5 //FF
6 oDiv.style.left=ev.clientX+'px';
7 oDiv.style.top=ev.clientY+'px';
8
9 /*if(ev){
10 oDiv.style.left=ev.clientX+'px';
11 oDiv.style.top=ev.clientY+'px';
12 }
13 else{
14 oDiv.style.left=event.clientX+'px';
15 oDiv.style.top=event.clientY+'px';
16 }*/예:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <style>
5 #div1 {width:100px; height:100px; background:red; position:absolute;}
6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title> </title>
9 <script type="text/javascript">
10 document.onmousemove=function (ev){
11 var oDiv=document.getElementById('div1');
12
13 var oEvent=ev||event;
14
15 oDiv.style.left=oEvent.clientX+'px';
16 oDiv.style.top=oEvent.clientY+'px';
17
18 };
19 </script>
20 </head>
21
22 <body>
23 <div id="div1">
24 </div>
25 </body>
26 </html>키보드 이벤트의 경우(예):
1 document.onkeydown=function (ev)
2 {
3 var oEvent=ev||event;
4
5 alert(oEvent.keyCode);
6 };거품 방지:
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title> </title>
5 <script type="text/javascript">
6 window.onload=function (){
7 var oBtn=document.getElementById('btn1');
8
9 oBtn.onclick=function (ev){
10 var oEvent=ev||event;
11 alert('btn1');
12
13 oEvent.cancelBubble=true; // button hello（ ）
14 };
15
16 document.onclick=function (){
17 alert('hello');
18 };
19 };
20 </script>
21 </head>
22 <body>
23 <input id="btn1" type="button" value="aaa" />
24 </body>
25 </html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
List 컬렉션 객체에서 서로 다른 속성 크기로 정렬된 인스턴스인스턴스는 다음과 같습니다. 테스트: 출력 결과는 다음과 같습니다. 두 번째 방법은 컬렉션에 따라.sort 재부팅 방법(예: 마스터 클래스에서 이렇게 작성하면 됩니다. 출력 결과는 다음과 같습니다. 전자의 코드 구조...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
