.input {
FONT-SIZE: 12px;
height:100px;
line-height:100px;
}
浠ヤ笅鏄紩鐢ㄥ唴瀹癸紙http://topic.csdn.net/t/20050722/20/4162420.html錛夛細
瀹為檯涓婏紝涓涓狟ox涓敱寰堝琛屽緢澶氬厓绱犵粍鎴愶紝vertical-align鍙綔鐢ㄤ簬鍦ㄥ悓涓琛屽唴鐨勫厓绱狅紝瀹冪殑鍨傜洿騫朵笉鏄浉瀵逛簬鏁翠釜Box鑰岃█鐨勩傚墠闈㈤偅涓?nbsp; span瀹氫箟浜嗕竴涓?0px鐨勯珮搴︼紝浣嗘槸榪欎釜span鐨凚ox涓瓨鍦ㄥ緢澶氳錛岄偅孌墊枃鏈茍涓嶈兘瀵歸綈鍒皊pan鐨勪腑澶傚洜姝ゅ笇鏈涢偅孌墊枃鏈榻恠pan鐨勪腑琛岋紝 闇瑕佺粰瀹冨畾涔変竴涓猯ine-height鐨勫睘鎬э紝璁﹍ine-height涓?0px錛屼綔鐢ㄤ簬涓琛岀殑vertical-align灝辨寜浣犵殑鎯蟲硶宸ヤ綔浜?/p>
]]>
1
<html>
2 <head>
3 <title>test</title>
4
<script language="javascript">
5
function test(){
6
var tbodyElement=document.getElementById("tbody1");
7 var trElement=document.createElement("tr");
8 var idTDElement=document.createElement("td");
9
10 idTDElement.innerHTML=1;
11 var nameTDElement=document.createElement("td");
12
13 var inputElement=document.createElement("input");
14 nameTDElement.appendChild(inputElement);
15 inputElement.type="button";
16 //鍦↖E涓紝榪欏彞璇濆皢浼氭姏鍑哄紓甯革紝浣嗗湪firefox鑳芥甯歌繍琛岋紝濡傛灉type涓簍ext鎴栬呬笉璁劇疆type灞炴э紝涔熼兘鑳芥甯歌繍琛?/span>
17 inputElement.value="Invoke";
18 /**//*
19 淇敼鎴愪笅闈㈢殑璇彞灝辮兘姝ｅ父榪愯錛?br>20 var inputElement=document.createElement("input");
21 inputElement.type="button";
22 nameTDElement.appendChild(inputElement);
23
*/
24
25 tbodyElement.appendChild(trElement);
26 trElement.appendChild(idTDElement);
27 trElement.appendChild(nameTDElement);
28 }
29
</script>
30 </head>
31 <body>
32 <input type="button" value="insert" onclick='test()'>
33 <table cellpadding="0" cellspacing="0" border="1">
34 <tbody id='tbody1'>
35 <tr>
36 <td width="50">ID</td>
37 <td width="200">name</td>
38 </tr>
39 </tbody>
40 </table>
41 </body>
42 </html>
<html>2
<head>3
<title>test</title>4
<script language="javascript">5
function test(){6
var tbodyElement=document.getElementById("tbody1");7
var trElement=document.createElement("tr");8
var idTDElement=document.createElement("td");9
10
idTDElement.innerHTML=1;11
var nameTDElement=document.createElement("td");12
13
var inputElement=document.createElement("input");14
nameTDElement.appendChild(inputElement);15
inputElement.type="button"; 16
//鍦↖E涓紝榪欏彞璇濆皢浼氭姏鍑哄紓甯革紝浣嗗湪firefox鑳芥甯歌繍琛岋紝濡傛灉type涓簍ext鎴栬呬笉璁劇疆type灞炴э紝涔熼兘鑳芥甯歌繍琛?/span>17
inputElement.value="Invoke";18
/**//*19
淇敼鎴愪笅闈㈢殑璇彞灝辮兘姝ｅ父榪愯錛?br>20 var inputElement=document.createElement("input");21
inputElement.type="button";22
nameTDElement.appendChild(inputElement);23
*/24
25
tbodyElement.appendChild(trElement);26
trElement.appendChild(idTDElement);27
trElement.appendChild(nameTDElement);28
}29
</script>30
</head>31
<body>32
<input type="button" value="insert" onclick='test()'>33
<table cellpadding="0" cellspacing="0" border="1">34
<tbody id='tbody1'>35
<tr>36
<td width="50">ID</td>37
<td width="200">name</td>38
</tr>39
</tbody>40
</table>41
</body>42
</html> 2.appendChild涓涓猺adio瀵硅薄錛岃緗瀵硅薄鐨刵ame灞炴?br>
1 var nameTDElement=document.createElement("td");
2 var radioElement=document.createElement("input");
3 radioElement.type="radio";
4 nameTDElement.appendChild(inputElement);
5 radioElement.name="testRadioName"; //榪欏彞璇濆湪firefox鏄搗浣滅敤鐨勶紝浣嗗湪IE涓嬫槸涓嶈搗浣滅敤鐨?/span>
6 /**//*瑙ｅ喅鐨勫姙娉曟槸
7 var radioElement=document.createElement("<input name='testRadioName'>");
8 radioElement.type="radio";
9 nameTDElement.appendChild(inputElement);
10 */
var nameTDElement=document.createElement("td"); 2
var radioElement=document.createElement("input");3
radioElement.type="radio";4
nameTDElement.appendChild(inputElement);5
radioElement.name="testRadioName"; //榪欏彞璇濆湪firefox鏄搗浣滅敤鐨勶紝浣嗗湪IE涓嬫槸涓嶈搗浣滅敤鐨?/span>6
/**//*瑙ｅ喅鐨勫姙娉曟槸7
var radioElement=document.createElement("<input name='testRadioName'>");8
radioElement.type="radio";9
nameTDElement.appendChild(inputElement);10
*/3.瀵箂elect鎺т歡澧炲姞鍜屽垹闄ption
1 <html>
2 <head>
3 <title>test</title>
4 <script language="javascript">
5 function deleteRow(){
6 var selectElement=document.getElementById("select1");
7 selectElement.options.remove(1); //IE:OK Firefox:Failure
8 selectElement.remove(1); //IE:OK Firefox:OK
9 }
10 function insertRow(){
11 var selectElement=document.getElementById("select1");
12 var option=new Option("eeee",5);
13 selectElement.add(option); //IE:OK Firefox:Failure
14 selectElement.options.add(option);//IE:OK Firefox:OK
15 }
16 </script>
17 </head>
18 <body>
19 <input type="button" value="Delete" onclick='deleteRow()'>
20 <input type="button" value="Insert" onclick='insertRow()'>
21 <select id="select1">
22 <option value="1">aaa</option>
23 <option value="2">bbb</option>
24 <option value="3">ccc</option>
25 <option value="4">ddd</option>
26 </select>
27 </body>
28 </html>
<html>2
<head>3
<title>test</title>4
<script language="javascript">5
function deleteRow(){6
var selectElement=document.getElementById("select1");7
selectElement.options.remove(1); //IE:OK Firefox:Failure8
selectElement.remove(1); //IE:OK Firefox:OK9
}10
function insertRow(){11
var selectElement=document.getElementById("select1");12
var option=new Option("eeee",5); 13
selectElement.add(option); //IE:OK Firefox:Failure14
selectElement.options.add(option);//IE:OK Firefox:OK15
}16
</script>17
</head>18
<body>19
<input type="button" value="Delete" onclick='deleteRow()'>20
<input type="button" value="Insert" onclick='insertRow()'>21
<select id="select1">22
<option value="1">aaa</option>23
<option value="2">bbb</option>24
<option value="3">ccc</option>25
<option value="4">ddd</option>26
</select>27
</body>28
</html> ]]>
1<HTML>
2<HEAD>
3<TITLE>Position </TITLE>
4</HEAD>
5<BODY>
6<table border=1>
7 <tr>
8 <td >
9 <textarea id="textareaInput" style="font-family: Tahoma; font-size: 11px;" cols="35" rows="3"/></textarea>
10 </td>
11 <td width='300' align='right' >
12 <DIV id=senddiv style="WIDTH: 70px; HEIGHT: 41px;">
13 <IMG id=btnSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px" src="windows_button_bg.gif">
14 <div id=divSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px;line-height:41px" align='center' >Send</div>
15 </DIV>
16 </td>
17 </tr>
18</table>
19</div>
20</BODY>
21</HTML>
<HTML>2
<HEAD>3
<TITLE>Position </TITLE>4
</HEAD>5
<BODY>6
<table border=1>7
<tr>8
<td >9
<textarea id="textareaInput" style="font-family: Tahoma; font-size: 11px;" cols="35" rows="3"/></textarea>10
</td>11
<td width='300' align='right' >12
<DIV id=senddiv style="WIDTH: 70px; HEIGHT: 41px;">13
<IMG id=btnSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px" src="windows_button_bg.gif">14
<div id=divSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px;line-height:41px" align='center' >Send</div>15
</DIV>16
</td>17
</tr>18
</table>19
</div>20
</BODY>21
</HTML>浜屻佽繍琛岀殑緇撴灉
涓夈侀棶棰?br> 涓轟粈涔坕mg(id涓篵tnSendOut)鍜屾枃瀛梔iv(id涓篸ivSendOut)鍑虹幇鍦╰able澶栦簡鍛紵
鍥涖佸師鍥?br> img鍜屾枃瀛梔iv閮界敤鐨勭粷瀵?position:absolute)浣嶇疆,浣嗛兘娌℃湁璁劇疆left鍜宼op灞炴э紝榪欐牱浼氭牴鎹綋鍓嶇殑HTML浣嶇疆鏉ョ‘瀹歭eft鍜宼op灞炴?/strong>銆備笂綰у鍣ㄦ槸涓猟iv(id涓簊enddiv)涓紝姝iv寤剁畫涓婄駭td鐨刟lign灞炴э紝榪欐牱褰撳墠浣嶇疆搴斿湪div鐨勫彸杈廣備簬鏄痠mg鍜屾枃瀛梔iv浠巇iv錛坕d涓簊enddiv)鐨勫彸杈瑰紑濮嬫樉紺猴紝鐢變簬閮芥槸緇濆鐨勶紝鑴辯HTML鐨勬樉紺猴紝鎵浠ラ兘浼氳秴鍑簍able澶栥?br>浜斻佽В鍐蟲柟妗?br> 鎵懼埌浜嗗師鍥狅紝瑙ｅ喅璧鋒潵灝卞鏄撲簡銆傛垜浠彧闇瑕佹妸div(id涓簊enddiv)鐨刟lign灞炴ц緗負left灝卞彲浠ヤ簡銆傚洜涓篿mg錛宒iv(id涓篸ivSendOut)錛宒iv(id涓簊enddiv)鐨勫ぇ灝忛兘鏄竴鏍風殑銆?/p>
鍏佸彟澶栫殑闂(灞傜殑灞呬腑闂)
瀵逛簬鎶婂瓧絎︿覆"Send"灞呬腑鍦╠iv(id涓篸ivSendOut)涓棿錛屾垜浠彲浠ヨ緗甦iv鐨刲ine-height灞炴?娉ㄦ剰璇ュ睘鎬х殑鍗曚綅)鍜宧eight灞炴т竴鏍峰氨鍙互浜嗐備絾鏄鏋滈渶瑕佸眳涓殑涓嶆槸鏂囧瓧錛岃屼笖鍏跺畠鐨勫璞★紝渚嬪鍙︿竴涓猟iv錛屽垯灝遍渶瑕佸埄鐢ㄨ剼鏈潵鎺у埗浜嗐?
1 < html >
2 < head >
3 < script language ="javascript" >
4 </ script >
5 < style type ="text/css" >
6 </ style >
7 </ head >
8 < body >
9 < div style ="position:absolute;top:100px;left:100px;width:300;height:300;background-color:#99FF00" >
10 < div style ="float:left;width:100;height:100;background-color:red" ></ div >
11 < div style ="clear:right;height:100;background-color:blue;" ></ div >
12 </ div >
13 </ body >
14 </ html >
< html > 2
< head > 3
< script language ="javascript" > 4
</ script > 5
< style type ="text/css" > 6
</ style > 7
</ head > 8
< body > 9
< div style ="position:absolute;top:100px;left:100px;width:300;height:300;background-color:#99FF00" > 10
< div style ="float:left;width:100;height:100;background-color:red" ></ div > 11
< div style ="clear:right;height:100;background-color:blue;" ></ div > 12
</ div > 13
</ body > 14
</ html > float : none | left |right
鍙傛暟錛?/span>
none : 銆瀵硅薄涓嶆誕鍔?br>left : 銆瀵硅薄嫻湪宸﹁竟
right : 銆瀵硅薄嫻湪鍙寵竟
璇存槑錛?/span>
璇ュ睘鎬х殑鍊兼寚鍑轟簡瀵硅薄鏄惁鍙婂浣曟誕鍔ㄣ?br>褰撹灞炴т笉絳変簬none寮曡搗瀵硅薄嫻姩鏃訛紝瀵硅薄灝嗚瑙嗕綔鍧楀璞?block-level)錛屽嵆display灞炴х瓑浜巄lock銆備篃灝辨槸璇達紝嫻姩瀵硅薄鐨刣isplay鐗規у皢琚拷鐣ャ?br>瀵瑰簲鐨勮剼鏈壒鎬т負styleFloat銆?br>
clear : none | left |right | both
鍙傛暟錛?/span>
none : 銆鍏佽涓よ竟閮藉彲浠ユ湁嫻姩瀵硅薄
both : 銆涓嶅厑璁告湁嫻姩瀵硅薄
left : 銆涓嶅厑璁稿乏杈規湁嫻姩瀵硅薄
right : 銆涓嶅厑璁稿彸杈規湁嫻姩瀵硅薄
璇存槑錛?/span>
璇ュ睘鎬х殑鍊兼寚鍑轟簡涓嶅厑璁告湁嫻姩瀵硅薄鐨勮竟銆?br>瀵瑰簲鐨勮剼鏈壒鎬т負clear銆?
]]>
1
var聽聽聽strArray=str.split("聽聽聽");聽聽聽
2var聽聽聽strDate=strArray[0].split("-");聽聽聽
3var聽聽聽strTime=strArray[1].split(":");聽聽聽
4var聽聽聽a=new聽聽聽Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])聽聽聽
var聽聽聽strArray=str.split("聽聽聽");聽聽聽2
var聽聽聽strDate=strArray[0].split("-");聽聽聽3
var聽聽聽strTime=strArray[1].split(":");聽聽聽4
var聽聽聽a=new聽聽聽Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])聽聽聽2錛?br />
1var聽聽聽s聽聽聽=聽聽聽"2005-12-15聽聽聽09:41:30";聽聽聽
2var聽聽聽d聽聽聽=聽聽聽new聽聽聽Date(Date.parse(s.replace(/-/g,聽聽聽"/")));聽聽聽
3
var聽聽聽s聽聽聽=聽聽聽"2005-12-15聽聽聽09:41:30";聽聽聽2
var聽聽聽d聽聽聽=聽聽聽new聽聽聽Date(Date.parse(s.replace(/-/g,聽聽聽"/")));聽聽聽3
絎簩縐嶆柟娉曠湡鏄畝鍗曞晩錛?img src ="http://www.tkk7.com/swingboat/aggbug/101076.html" width = "1" height = "1" />
]]>
]]>
var self=this;
this.name=name;
this.age=age;
this.sex=sex;
toString=function(){
alert(self.name);
}
this.getName=function(){
return this.name;
}
}
浣跨敤:
var person=new Person("yhp",28,1);
person.getName();//鍙互璁塊棶getName鍑芥暟
person.toString();//涓嶅彲浠ヨ闂畉oString鍑芥暟
鍒╃敤prototype.js涔熷彲浠ヨ繖涔堝畾涔?BR> var Person=Class.create();
蹇呴』瀹氫箟Person鐨勬瀯閫犲嚱鏁?
Person.prototype.initialize=function(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
}
2.鍦ㄤ笂闈㈢殑Person綾諱腑,toString鍑芥暟鏄笉鑳界洿鎺ヨ闂畉his.name鐨?
瑙ｅ喅鏂規硶:鍙互瀹氫箟鍙橀噺self,鎶妕his璧嬪肩粰瀹?鍦╰oString涓埄鐢╯elf鏉ヨ闂畉his.name.
var self=this;
toString(){
alert(self.name);
}
搴旂敤:瀹氫箟涓涓被,鏈変釜鎴愬憳鍙橀噺number,鍦ㄦ瀯閫犲嚱鏁頒腑浼犲叆涓涓鍣?鍦ㄥ鍣ㄤ腑鍒涘緩涓涓猟iv,div涓粦瀹歰nclick,鍦╫nclick涓闂畁umber
var Module=function(container){
var self=this;
this.container=container;
this.build=function(){
this.number=Math.random();
var div=document.createElement("div");
div.innerHTML="module";
div.style.cursor="pointer";
div.onclick=function(){
alert(self.number);//鍦ㄦ澶勬槸涓嶈兘璁塊棶this.number鐨?
}
this.container.appendChild(div);
test();
}
}
3.瀵逛簬涓嬮潰浠ｇ爜:
while(count>=0){
var div=document.createElement("div");
div.className="number";
div.innerHTML=count+1;
div.style.cursor="pointer";
div.onclick=function(e){
alert(count);
}
}
褰撹Е鍙慸iv鐨刼nclick鐨勬椂鍊?姣忔alert鏄劇ず閮芥槸-1;涔熷氨鏄渶鍚巆ount鐨勫?浣嗛渶瑕佹瘡嬈lert鐨勯兘鏄痠nnerHTML涓?
鑾峰彇innerHTML鐨勬柟娉?
瀵逛簬浜嬩歡,鑾峰彇瑙﹀彂璇ヤ簨浠剁殑瀵硅薄:
IE : window.Event.srcElement
Firefox:e.target //e鏄嚱鏁頒紶鍏ョ殑浜嬩歡鍙傛暟
鑾峰彇瑙﹀彂浜嬩歡鐨勫璞＄殑InnerHTML:
getClickPageNumber=function(e){
return Try.these(
function() {return window.event.srcElement.innerHTML},
function() {return e.target.innerHTML}
) ;
}
淇敼onclick:
div.onclick=function(e){
alert(getClickPageNumber(e));
}
4.娓呴櫎html鐨則able涓璽body涓殑鍐呭.
<tbody id="tBody">
<tr>
<td>a</td>
<td>b</td>
</tr>
</tbody>
浠ｇ爜:
$("tBody").innerHTML="";
涓婇潰鐨勪唬鐮佸湪IE涓槸娌℃湁鏁堟灉鐨?
淇敼:
while (tBody.rows.length > 0) {
tBody.deleteRow(0);
}
]]>
涓嬮潰鐨勪緥瀛愭鏌ラ紶鏍囨槸鍚﹀湪閾炬帴涓婂崟鍑伙紝騫朵笖錛屽鏋渟hift閿鎸変笅錛屽氨鍙栨秷閾炬帴鐨勮煩杞?BR>code<HTML>
<HEAD><TITLE>Cancels Links</TITLE>
<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY onclick="cancelLink()">
涓嬮潰鐨勪緥瀛愬湪鐘舵佹爮涓婃樉紺洪紶鏍囩殑褰撳墠浣嶇疆銆?BR>code<BODY onmousemove="window.status = 'X=' + window.event.x + ' Y=' + window.event.y">
灞炴э細
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y
1.altKey
鎻忚堪錛?BR>媯鏌lt閿殑鐘舵併?/P>
璇硶錛?BR>event.altKey
鍙兘鐨勫鹼細
褰揳lt閿寜涓嬫椂錛屽間負 TRUE 錛屽惁鍒欎負 FALSE 銆傚彧璇匯?/P>
2.button
鎻忚堪錛?BR>媯鏌ユ寜涓嬬殑榧犳爣閿?/P>
璇硶錛?BR>event.button
鍙兘鐨勫鹼細
0 娌℃寜閿?BR>1 鎸夊乏閿?BR>2 鎸夊彸閿?BR>3 鎸夊乏鍙抽敭
4 鎸変腑闂撮敭
5 鎸夊乏閿拰涓棿閿?BR>6 鎸夊彸閿拰涓棿閿?BR>7 鎸夋墍鏈夌殑閿?/P>
榪欎釜灞炴т粎鐢ㄤ簬onmousedown, onmouseup, 鍜?onmousemove 浜嬩歡銆傚鍏朵粬浜嬩歡錛屼笉綆￠紶鏍囩姸鎬佸浣曪紝閮借繑鍥?0錛堟瘮濡俹nclick錛夈?/P>
3.cancelBubble
鎻忚堪錛?BR>媯嫻嬫槸鍚︽帴鍙椾笂灞傚厓绱犵殑浜嬩歡鐨勬帶鍒躲?/P>
璇硶錛?BR>event.cancelBubble[ = cancelBubble]
鍙兘鐨勫鹼細
榪欐槸涓涓彲璇誨啓鐨勫竷灝斿?
TRUE 涓嶈涓婂眰鍘熺礌鐨勪簨浠舵帶鍒躲?BR>FALSE 鍏佽琚笂灞傚厓绱犵殑浜嬩歡鎺у埗銆傝繖鏄粯璁ゅ箋?/P>
渚嬪瓙錛?BR>涓嬮潰鐨勪唬鐮佺墖鏂紨紺轟簡褰撳湪鍥劇墖涓婄偣鍑伙紙onclick錛夋椂錛屽鏋滃悓鏃秙hift閿篃琚寜涓嬶紝灝卞彇娑堜笂灞傚厓绱狅紙body錛変笂鐨勪簨浠秓nclick鎵寮曞彂鐨剆howSrc()鍑芥暟銆?/P>
code<SCRIPT LANGUAGE="JScript">
function checkCancel() {
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() {
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY onclick="showSrc()">
<IMG onclick="checkCancel()" SRC="sample.gif">
4.clientX
鎻忚堪錛?BR>榪斿洖榧犳爣鍦ㄧ獥鍙ｅ鎴峰尯鍩熶腑鐨刋鍧愭爣銆?/P>
璇硶錛?BR>event.clientX
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?/P>
5.clientY
鎻忚堪錛?BR>榪斿洖榧犳爣鍦ㄧ獥鍙ｅ鎴峰尯鍩熶腑鐨刌鍧愭爣銆?/P>
璇硶錛?BR>event.clientY
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?/P>
6.ctrlKey
鎻忚堪錛?BR>媯鏌trl閿殑鐘舵併?/P>
璇硶錛?BR>event.ctrlKey
鍙兘鐨勫鹼細
褰揷trl閿寜涓嬫椂錛屽間負 TRUE 錛屽惁鍒欎負 FALSE 銆傚彧璇匯?/P>
7.fromElement
鎻忚堪錛?BR>媯嫻?onmouseover 鍜?onmouseout 浜嬩歡鍙戠敓鏃訛紝榧犳爣鎵紱誨紑鐨勫厓绱犮?鍙傝冿細18.toElement
璇硶錛?BR>event.fromElement
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с?/P>
8.keyCode
鎻忚堪錛?BR>媯嫻嬮敭鐩樹簨浠剁浉瀵瑰簲鐨勫唴鐮併?BR>榪欎釜灞炴х敤浜?onkeydown, onkeyup, 鍜?onkeypress 浜嬩歡銆?/P>
璇硶錛?BR>event.keyCode[ = keyCode]
鍙兘鐨勫鹼細
榪欐槸涓彲璇誨啓鐨勫鹼紝鍙互鏄換浣曚竴涓猆nicode閿洏鍐呯爜銆傚鏋滄病鏈夊紩鍙戦敭鐩樹簨浠訛紝鍒欒鍊間負 0 銆?/P>
9.offsetX
鎻忚堪錛?BR>媯鏌ョ浉瀵逛簬瑙﹀彂浜嬩歡鐨勫璞★紝榧犳爣浣嶇疆鐨勬按騫沖潗鏍?/P>
璇硶錛?BR>event.offsetX
10.offsetY
鎻忚堪錛?BR>媯鏌ョ浉瀵逛簬瑙﹀彂浜嬩歡鐨勫璞★紝榧犳爣浣嶇疆鐨勫瀭鐩村潗鏍?/P>
璇硶錛?BR>event.offsetY
11.propertyName
鎻忚堪錛?BR>璁劇疆鎴栬繑鍥炲厓绱犵殑鍙樺寲浜嗙殑灞炴х殑鍚嶇О銆?/P>
璇硶錛?BR>event.propertyName [ = sProperty ]
鍙兘鐨勫鹼細
sProperty 鏄竴涓瓧絎︿覆錛屾寚瀹氭垨榪斿洖瑙﹀彂浜嬩歡鐨勫厓绱犲湪浜嬩歡涓彉鍖栦簡鐨勫睘鎬х殑鍚嶇О銆?BR>榪欎釜灞炴ф槸鍙鍐欑殑銆傛棤榛樿鍊箋?/P>
娉ㄩ噴錛?BR>浣犲彲浠ラ氳繃浣跨敤 onpropertychange 浜嬩歡錛屽緱鍒?propertyName 鐨勫箋?/P>
渚嬪瓙錛?BR>涓嬮潰鐨勪緥瀛愰氳繃浣跨敤 onpropertychange 浜嬩歡錛屽脊鍑轟竴涓璇濇錛屾樉紺?propertyName 鐨勫箋?/P>
code<HEAD>
<SCRIPT>
function changeProp(){
btnProp.value = "This is the new VALUE";
}
function changeCSSProp(){
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>
<INPUT TYPE=button ID=btnProp onclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
onclick="changeCSSProp()"
VALUE="Click to change the CSS backgroundColor property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
</BODY>
12.returnValue
鎻忚堪錛?BR>璁劇疆鎴栨鏌ヤ粠浜嬩歡涓繑鍥炵殑鍊?/P>
璇硶錛?BR>event.returnValue[ = Boolean]
鍙兘鐨勫鹼細
true 浜嬩歡涓殑鍊艱榪斿洖
false 婧愬璞′笂浜嬩歡鐨勯粯璁ゆ搷浣滆鍙栨秷
渚嬪瓙瑙佹湰鏂囩殑寮澶淬?/P>
13.screenX
鎻忚堪錛?BR>媯嫻嬮紶鏍囩浉瀵逛簬鐢ㄦ埛灞忓箷鐨勬按騫充綅緗?/P>
璇硶錛?BR>event.screenX
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?/P>
14.screenY
鎻忚堪錛?BR>媯嫻嬮紶鏍囩浉瀵逛簬鐢ㄦ埛灞忓箷鐨勫瀭鐩翠綅緗?/P>
璇硶錛?BR>event.screenY
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?/P>
15.shiftKey
鎻忚堪錛?BR>媯鏌hift閿殑鐘舵併?/P>
璇硶錛?BR>event.shiftKey
鍙兘鐨勫鹼細
褰搒hift閿寜涓嬫椂錛屽間負 TRUE 錛屽惁鍒欎負 FALSE 銆傚彧璇匯?/P>
16.srcElement
鎻忚堪錛?BR>榪斿洖瑙﹀彂浜嬩歡鐨勫厓绱犮傚彧璇匯備緥瀛愯鏈枃寮澶淬?/P>
璇硶錛?BR>event.srcElement
17.srcFilter
鎻忚堪錛?BR>榪斿洖瑙﹀彂 onfilterchange 浜嬩歡鐨勬護闀溿傚彧璇匯?/P>
璇硶錛?BR>event.srcFilter
18.toElement
鎻忚堪錛?BR>媯嫻?onmouseover 鍜?onmouseout 浜嬩歡鍙戠敓鏃訛紝榧犳爣鎵榪涘叆鐨勫厓绱犮?鍙傝冿細7.fromElement
璇硶錛?BR>event.toElement
娉ㄩ噴錛?BR>榪欐槸涓彧璇誨睘鎬с?/P>
渚嬪瓙錛氫笅闈㈢殑浠ｇ爜婕旂ず浜嗗綋榧犳爣縐誨埌鎸夐挳涓婃椂錛屽脊鍑轟竴涓璇濇錛屾樉紺衡渕ouse arrived鈥?/P>
code<SCRIPT>
function testMouse(oObject) {
if(oObject.contains(event.toElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
:
<BUTTON ID=oButton onmouseover="testMouse(this)">Mouse Over This.</BUTTON>
19.type
鎻忚堪錛?BR>榪斿洖浜嬩歡鍚嶃?/P>
璇硶錛?BR>event.type
娉ㄩ噴錛?BR>榪斿洖娌℃湁鈥渙n鈥濅綔涓哄墠緙鐨勪簨浠跺悕錛屾瘮濡傦紝onclick浜嬩歡榪斿洖鐨則ype鏄痗lick
鍙銆?/P>
20. x
鎻忚堪錛?BR>榪斿洖榧犳爣鐩稿浜巆ss灞炴т腑鏈塸osition灞炴х殑涓婄駭鍏冪礌鐨剎杞村潗鏍囥傚鏋滄病鏈塩ss灞炴т腑鏈塸osition灞炴х殑涓婄駭鍏冪礌錛岄粯璁や互BODY鍏冪礌浣滀負鍙傝冨璞°?/P>
璇硶錛?BR>event.x
娉ㄩ噴錛?BR>濡傛灉浜嬩歡瑙﹀彂鍚庯紝榧犳爣縐誨嚭紿楀彛澶栵紝鍒欒繑鍥炵殑鍊間負 -1
榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?/P>
21. y
鎻忚堪錛?BR>榪斿洖榧犳爣鐩稿浜巆ss灞炴т腑鏈塸osition灞炴х殑涓婄駭鍏冪礌鐨剏杞村潗鏍囥傚鏋滄病鏈塩ss灞炴т腑鏈塸osition灞炴х殑涓婄駭鍏冪礌錛岄粯璁や互BODY鍏冪礌浣滀負鍙傝冨璞°?/P>
璇硶錛?BR>event.y
娉ㄩ噴錛?BR>濡傛灉浜嬩歡瑙﹀彂鍚庯紝榧犳爣縐誨嚭紿楀彛澶栵紝鍒欒繑鍥炵殑鍊間負 -1
榪欐槸涓彧璇誨睘鎬с傝繖鎰忓懗鐫錛屼綘鍙兘閫氳繃瀹冩潵寰楀埌榧犳爣鐨勫綋鍓嶄綅緗紝鍗翠笉鑳界敤瀹冩潵鏇存敼榧犳爣鐨勪綅緗?
]]>
<body>
<div style="height:400;overflow:auto ">
<table width="543" height="300" border="1">
<tr>
<td width="59"><div align="center"></div></td>
<td width="59"><div align="center"></div></td>
<td width="403"><div align="center"></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
璇存槑錛歞iv鐨勯珮搴︿負400錛岃宼able鐨勯珮搴︿負300錛屾縐嶆儏鍐典笉浼氬嚭鐜版粴鍔ㄦ潯銆俤iv鐨勯珮搴︿負300錛岃宼able鐨勯珮搴︿負400錛屾縐嶆儏鍐典笅錛屽湪table鐨勬梺杈瑰氨浼氬嚭鐜版粴鍔ㄦ潯銆備富瑕佹槸鍒╃敤浜哾iv鐨刼verflow灞炴с?img src ="http://www.tkk7.com/swingboat/aggbug/25652.html" width = "1" height = "1" />
]]>