数据加载中……
为web页面元素分配事件处理函数

         在讲如何为页面元素分配事件处理函数之前,先提一下事件。事件就是由用户或浏览器发起的特定行为,大家最常用的就是onblur(失去焦点)了。有了这些事件,javascript在web页面中就能大显身手了。下面我们就看看javascript是如何在web页面中大显身手的吧。
          其实很简单,就是把javascript的function作为事件处理函数分配给页面元素就可以了。分配的话,有两种方式,一种是通过javascript编码,一种是直接将函数名作为元素标签事件属性的值。大家看一下下面的代码就一目了然了:

<html>
<head>
<title>event handler</title>
<script type="text/javascript">
 function display(str){
 alert(str);
 }
 function addevent(){
 var obj = document.getElementById("addevent1");
 obj.onblur = function (){display(obj.value)};
 }
</script>
</head>
<body onload="addevent()">
<input type="text" name="addevent1" value="add event by javascript"/>
<p>
<input type="text" name="addevent2" value="add event by html tag" onblur="display(this.value);alert('test2');"/>
</body>
</html>

         当我们使用第二种直接在 html 中分配事件处理函数的时候,事件属性的值(display(this.value);alert('test2');)是被封装到匿名函数中的,所以html代码实际上是执行javascript代码:
          var obj = document.getElementById("addevent2");
          obj.onblur=function(){
                  display(this.value);
                  alert('test2');
          }

posted on 2007-06-30 15:28 叶浩 阅读(176) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航: