首页 > 代码库 > js html 交互监听事件学习
js html 交互监听事件学习
事件处理程序（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>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。