2023.10.14 js事件监听

//方式一
<input type="button" onlick="on()" value="按钮1">
<script>
    function on(){
        alert("我被点击了~");
    }
</script>

//方式二
<input type="button" id="btn" value="按钮2">
<script>
    document.getElementById('btn').onclick=function(){
        alert("我被点击了~");
    }
</script>

onclick 鼠标单击事件
onblur 元素失去焦点
onfocus 元素获得焦点
onload 某个页面或者图像被完成加载
onsubmit 当表单提交时触发该事件
onkeydown 某个键盘的键被按下
onmouseover 鼠标被移到某元素上
onmouseout 鼠标从某元素移开

用法同onclick类似