<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>

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 hfnkiki 的頭像
    hfnkiki

    我要勇敢地追逐我的世界.我的夢...

    hfnkiki 發表在 痞客邦 留言(0) 人氣()