码迷,mamicode.com
首页 > Web开发 > 详细

HTML 事件处理

时间:2016-04-25 22:30:18      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

1.HTML事件处理程序

2.DOM0级事件处理程序

3.DOM2级事件处理程序

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>HTML事件处理</title> 
 </head> 
 <body> 
  <div id="box"> 
   <input type="button" value="按钮" id="btn" onclick="alert(‘hello I am kamil‘)" /> 
   <input type="button" value="按钮2" id="btn2" onclick="showMessage()" /> 
   <input type="button" value="按钮3" id="btn3" /> 
   <input type="button" value="按钮4" id="btn4" /> 
  </div> 
  <script>
    function showMessage() {
        alert(‘hello I am kamil2‘);
    }
    var btn33 = document.getElementById(‘btn3‘);
    var btn44 = document.getElementById(‘btn4‘)
    btn33.onclick=function showMessage2() {
        alert(‘hello I am kamil3‘);
    }
    //btn33.onclick=null;
    btn44.addEventListener(‘click‘,showMessage,false);
    btn44.addEventListener(‘click‘,function () {
        alert(this.value);
    },false);
    //btn44.removeEventListener(‘click‘,showMessage,false)
</script>  
 </body>
</html>

在线调试 W3School

 

HTML 事件处理

标签:

原文地址:http://www.cnblogs.com/kamil/p/5432885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!