码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-12-18 22:39:16      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:form   键盘   onclick   client   高度   相对   sub   判断   clientx   

<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>

 

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

标签:form   键盘   onclick   client   高度   相对   sub   判断   clientx   

原文地址:https://www.cnblogs.com/szqlvlll/p/10140230.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!