事件处理程序(handler)

HTML事件处理程序

<input type="button" value="Click Here" onclick="showMessage();" />
<script type="text/javascript">
function showMessage() {
alert('Clicked!');
}

JavaScript指定事件处理程序:

<input id="btnClick" type="button" value="Click Here" />

    <script type="text/javascript">
var btnClick = document.getElementById('btnClick');
btnClick.onclick = function showMessage() {
alert(this.id);
};
</script>

DOM2事件处理程序

<input id="btnClick" type="button" value="Click Here" />

    <script type="text/javascript">
var btnClick = document.getElementById('btnClick');
btnClick.addEventListener('mouseover', function() {
alert(this.id);
}, false);
btnClick.addEventListener('click', function() {
alert('Hello!');
}, false);
</script>
add与remove的参数必须一样
<input id="btnClick" type="button" value="Click Here" /> <script type="text/javascript">
var btnClick = document.getElementById('btnClick');
var handler=function() {
alert(this.id);
}
btnClick.addEventListener('click', handler, false);
btnClick.removeEventListener('click', handler, false);
</script>

最新文章

  1. 阿里笔试题:在n个人中找明星
  2. List集合特有的迭代器 ListIterator
  3. C++软件添加dump调试打印日志
  4. mysql 常用查询
  5. Android笔记——Android内部类
  6. 高级iOS面试题
  7. 史上最全WebView使用,附送Html5Activity一份
  8. iphone开发小记
  9. 第m个全排列
  10. QuickSwitchSVNClient,快速完成SVN Switch的工具
  11. 使用superMap实现点标注和区域着色
  12. 关于GPUImage的导入
  13. CentOS下Mariadb表名大小写的问题
  14. 996.ICU 写给... 写给年轻的自己
  15. C# 使用CsvHelper读取.csv文件
  16. 通过SQLServer的数据库邮件来发送邮件
  17. 三十二、Linux 进程与信号——不可靠信号
  18. windows Tomcat apr安装
  19. ZooKeeper系列(6):ZooKeeper机制架构
  20. [BZOJ 4350]括号序列再战猪猪侠 题解(区间DP)

热门文章

  1. 此 ObjectContext 实例已释放,不可再用于需要连接的操作
  2. id和instancetype的异同
  3. keepalived问题
  4. 如何让图片在div里面剧中显示
  5. Python笔记3-20151027
  6. 笨方法学python--参数,解包,变量
  7. uploadifive源码学习
  8. PHP signal 信号
  9. Python 2 中的编码
  10. 【第三篇】学习 android 事件总线androidEventbus之发布事件,子线程中接收