<html>
<body onload="myFun(1)" onunload="myFun(2)">
<p id="demo">My First JavaScript</p>
name:
<input onfocus="myFun(1)" onblur="myFun(2)" onchange="myfun(3)" onmouseover="myFun(4)"> //輸入的文字方框語法,並呼叫函數內的動作
</input>
<script>
function myFun(x)
{
var str=""; //設定str為字串變數
switch(x)
{
case 1:
str="GetFocus"; //滑鼠點選文字框,則會出現該字串
break;
case 2:
str="loseFocus"; //滑鼠在文字框外點選一點,則會出現該字串(離開文字框的距焦點)
break;
case 3:
str="datachange"; //文字框輸入文字後按enter,則會出現該字串
break;
case 4:
str="mouseover"; //將滑鼠移到文字框處,則會出現該字串
break;
}
document.getElementById("demo").innerHTML=str;
}
</script>
</body>
</html>
全站熱搜
留言列表