文章目錄
- onclick事件
- onmousedown事件
- 文本輸入框即選擇域的内容變化事件onchange
- JavaScript表單處理——radio單選鈕
JavaScript事件及處理
<html>
<body>
<form name=form1>
Field:<input type="text" name="field1" value="hello word"><br/>
Field:<input type="text" name="field2"><br/><br/>
click the button below to copy the content of field1 to field2<br/>
<input type="button" value="copytext" onclick="document.form1.field2.value=document.form1.field1.value">
</form>
</body>
</html>
onmousedown事件
button 事件屬性
Event 對象
定義和用法
button 事件屬性可傳回一個整數，訓示當事件被觸發時哪個滑鼠按鍵被點選。
<html>
<head>
<script type="text/javascript">
function whichMouseButton(event)
{
if(event.button==2)
alert("你點的是滑鼠右鍵")；
else
alert("你點的是滑鼠左鍵");
}
</script>
</head>
<body onmousedown="whichMouseButton(event)">
<p> 可以單擊滑鼠了 </p>
</body>
</html>
<html>
<head>
<script type="text/JavaScript">
function gosite(oneform)
{
var index=oneform.site.seletctedIndex;
oneform.stposition.value=oneform.site.options[index].value;
}
</script>
</head>
<body>
<form name="myform">
<p>請選擇職業</p>
<select name="site" onchange="gosite(document.myform)">
<option value="一樓一區">學生</option>
<option value="一樓二區">教師</option>
<option value="二樓一區">勞工</option>
<option value="二樓二區">農民</option>
</select>
領取物資地點在<input type="text" name="stposition" value="一樓一區">
</form>
</body>
</html>
<html>
<head>
<script type="text/JavaScript">
function sub(){
var rb;
var j=document.myform.agegroup.length;
var i;
for(i=0;i<j;i++)
{
rb=document.myform.agegroup[i];
if(rb.checked){
alert("你選擇了"+rb.value)
break;
}
}
}
</script>
</head>
<body>
<form name="myform" onsubmit="sub()">
<fieldset>
<legend>分組框</legend>
<input name="agegroup" type="radio" value="A">21歲以下<br>
<input type="radio" name="agegroup" value="B">21歲到35歲<br>
<input type="radio" name="agegroup" value="C">36歲到45歲<br>
<input type="radio" name="agegroup" value="D">46歲到65歲<br>
<input type="radio" name="agegroup" value="E">65歲以上<br>
<input type="submit" value="送出">
</fieldset>
</form>
</body>
</html>
![JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明 三、函數的調用[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)