现在的位置: 首页 > 综合 > 正文

js事件绑定的几种方式

2013年10月14日 ⁄ 综合 ⁄ 共 572字 ⁄ 字号 评论关闭

事件部分,相关部分包括: 事件源、事件、处理程序。
事件源:任何一个HTML元素(节点)
事件: 双击、点击、按下按键,详见参考手册
事件程序程序:操作

将事件与事件源绑定的几种形式:
1. <Tag on事件="程序程序"/>
例:
<div onclick="alert('hello')">
  WWWWWWWWWWWWW
</div>

2.<script>
 对象.事件=处理程序;
</script>
例:
<div id="div_id">
 WWWWWWWW
</div>
<script>
  var obj = document.getElementById("div_id");    //获取元素对象
  obj.onclick=func;     //func和func()是不同的
  function func(){
    alert("我出现了");
  }
</script>

3.<script for="事件源id" event="事件" >处理程序</script>
例:
<div id="div_id">
 WWWWWWWWWWW
</div>
<script  for="div_id" event="onclick">
  var obj = document.getElementById("div_id");
  obj.style.backgroundColor="red";
</script>

抱歉!评论已关闭.