<script>
window.onload = function () {
let btn = document.getElementsByTagName('button')[0];
// btn.ondblclick = function(){
// alert(1)
// }
// btn.addEventListener('mouseup',function(){
// console.log('抬起时候触发')
// },false)
// btn.onclick = function (){
// alert('我是大兄弟，我爱北京奔驰')
// }
// btn.onclick = function (){
// alert('我是二兄弟，我爱华晨宝马')
// }
/* btn.onclick = function () {
alert('我是三兄弟，我爱一汽大众')
alert('我是二兄弟，我爱华晨宝马')
alert('我是三兄弟，我爱一汽大众')
} */
/* onclick多次绑定会实现覆盖，而addEventListener不会覆盖 */
// function fn(){
// alert('我是大兄弟，我爱北京奔驰')
// }
// btn.addEventListener('click',fn,false)
// btn.addEventListener('click',function(){
// alert('我是二兄弟，我爱华晨宝马')
// },false)
// btn.addEventListener('click',function(){
// alert('我是三兄弟，我爱一汽大众')
// },false)
}
</script>
</head>
<body>
<!--
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onmouseover 鼠标被移到某元素之上
onmouseout 鼠标从某元素移开
onmousedown 某个鼠标按键被按下
onmousemove 鼠标被移动
onmouseup 某个鼠标按键被松开
-->
<button>点我试试</button>
网友评论