JS中几类事件及其相关的函数

Posted 2021-01-28 szqlvlll

<script>
        //鼠标事件
        //鼠标事件对象：e或event
        //获取事件对象的位置document.getdocumnetsByTagNamem
        //获取整个窗口的宽度（距左）和高度(包括滚动条)：window.innerHeight、window.innerWidth
        //获取整个窗口的宽度（距左）和高度(不包括滚动条)：document.body.clientWidth
        //鼠标相对于整个窗口的宽度（距左）和高度：ev.clientX、ev.clientY
        //鼠标距离元素的宽度（距左）和高度：oDiv.offsetLeft、oDiv.offsetTop
        //鼠标按下事件：onmousedown
        //鼠标抬起事件：onmouseup
        //鼠标移动事件：onmousemove
        //重新设置属性：oDiv.style.属性
        
        //键盘事件：onkeydown
        //通过e或者event定义的键盘事件对象：ev
        //ev.keyCode:获取输入键的ASCII码值
        //对于一些特殊的键需要特别设置进行判断：alt->altKey、ctrl->ctrlKey、shift->shiftKey
        
        //表单提交事件：onsubmit
        //用法：onsubmit="return func();"   function func(){return true}
        //可以用<button></button>reg.onclick = function () {手动提交表单form.submit()}
        
        //窗口尺寸随着用户鼠标更改而显示现在尺寸事件：onresize
        //更改后的尺寸：document.documentElement.clientWidth(/Height)
        //窗口滚动事件：onscroll
        //滚动窗滚动的距离：document.documentElement.scrollWidth(/Height)
        //document.write(自定义内容):在网页页面显示一段内容
        //document.title=变量：在标题头显示内容
        
</script>