JavaScript事件处理

来源:互联网 发布:linux 改变文件夹权限 编辑:程序博客网 时间:2024/06/10 16:58


onFocus 在用户为了输入而选择select、text、textarea等时

onBlur 在select、text、password、textarea失去焦点时

onChange 在select、text、password、textarea的只被改变且失去焦点时

onClick 在一个对象被鼠标点击时(button、checkbox、radio、link、reset、submit、text、textarea)

onLoad 出现在一个文档完成对一个窗口的载入时 一般写在body标签里边
 
onUnload 当用户退出一个文档时

onMouseOver 当鼠标移动到一个对象上时

onMouseOut 鼠标从一个对象上移开时

onSelect 当from对象中的内容被选中时

onSubmit 出现在用户通过提交按钮提交一个表单时


<form name="test">
 
   <input type="text" name="userName" value="SXT" onFocus="JavaScript:alert(document.test.userName.value);">

</form>


<img src="xsd.jpg" onClick="alert('ok');"></img>    <!--点击图片时弹出对话框 显示ok-->


<body onLoad="javaScript:alert('Hello');" onUnload="javaScript:alert('Bye-Bye');"></body>    <!--刷新当前页面时,先弹出对话框,显示Bye-Bye,点击确定后再弹出对话框,显示Hello--> 


<img src="xsd.jpg" onMouseOver="alert('over');" onMouseOut="alert('out');"></img>    <!--鼠标移到图片上时弹出对话框,显示over  鼠标移出图片时弹出对话框,显示out-->



<head>
   <scirpt type="text/javascript">
      function check(){
          if documment.test.t.value ==""{
            alert("空串不允许提交")
            return false;
          }
            return true;
      }
     
   </script>
</head>

<body>
   <form name="test" action="1.html" onSubmit="return true;">   <!--表单的验证 鼠标点击提交按钮 onSubmit="return true;"表示直接提交,onSubmit="return false;"表示不提交-->
 
    
       <input type="text" value="t">

       <input type="submit" value="ok">

   </form>
</body>


0 0
原创粉丝点击