日期:2014-05-16  浏览次数:20421 次

javascript事件驱动同事件处理

javascript中事件分为

  1. 浏览器操作事件 如鼠标移动,键盘事件
  2. 文档事件 如文档加载完毕。

javascript中事件处理步骤:

  1. 设置html中响应事件的元素?? 什么元素的事件
  2. 设置元素中响应事件的类型??? 什么事件
  3. 响应事件的程序?????????????????? 如何做?

?

设置事件驱动的方式:

  1. html中设置
    <input type="button" value="click" onclick="alert('click me')">
    ?
  2. javascript中设置
    <form method="post" action="" name="form1">
    	<input type="button" value="click" name='btn1' >
    </form>
    <script type="text/javascript">
    <!--
    	window.document.form1.btn1.onclick=function(){alert('click me');};
    //--
    </script>
    ?

事件处理

  1. 调用系统函数
  2. 调用函数代码
  3. 调用用户函数

注:如调用事件处理程序返回false则浏览器会阻止程序执行

  <script type="text/javascript">
  <!--
	function sub(){
		if(form1.name1.value==""){
		alert('name 不能为空');
		return false;
		}
	}
  //-->
  </script>
 </head>

 <body>
<form method="post" action="" onsubmit="return sub()" name="form1">
	<input type="text" name="name1" ><br>
	<input type="submit" value="submit">
</form>

?此处如果name1的值不输入将不能进行提交操作