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