今天总结一些javaScript的知识点。
事件:
鼠标事件:onclick(鼠标点击事件) ondblclick(鼠标双击事件) onmousemove(鼠标移动事件)
onmousedown(鼠标按下事件) onmouseup(鼠标抬起事件) onmouseover(鼠标移入事件)
onmouseout(鼠标移出事件) oncontextmenu(右键菜单) onfocus(获取焦点事件)
onblur(失去焦点事件 ) onmouseenter(鼠标移入事件) onmouseleave(鼠标移出事件)
键盘事件:onkeydown(键盘按键按下) onkeyup(键盘按键抬起) keycode(获取键盘值对应的ascii码)
e.ctrikey(判断ctrl按键是否被按下) e.shiftkey(判断shift键是否被按下)
框架事件:window.onload 当页面加载完成的时候就会触发这个事件
onscroll滚动条事件,也可以获取滚动条高度
表单事件:onsubmit 用户在提交表单之前验证所有的表单域
onchange 用户一旦改变了域的内容,,checkEmail() 函数就会被调用
oninput 输入事件
onreset 表单重置事件
target对象事件委托:在点击li的完毕后由于事件冒泡,会触发ul的点击事件
如果只给ul绑定点击事件,那么点击li的时候触发ul的点击事件(通过事件对象里面的target属性可以获取到是哪个元素触发的这个事件)
阻止事件冒泡: function xx(e){
if(e.stoppropagation){
e.stoppropagation()
}else{
e.cancelbubble = true
}
}
阻止默认行为:第一种 return false
第二种 if(e.preventDefault){
e.preventDefault()
}else{
window.event.returnValue == false
}
定时器:setInterval() 多次定时 clearInterval() 取消Interval定时器
setTimeout() 单次定时 clearTimeout 取消Timeout定时器
给定时器添加一个变量,这个变量里面存储的是1、2、3以此往后排列,不管变量名是否一样
数学对象Math: Math.round()四舍五入 Math.random()随机数
Math.max()最大值 Math.min()最小值
Math.ceil()向上取整 Math.floor()向下取整
Date()日期函数:getFullYear() 获取年 getMonth() 获取当月
getDate() 获取当天日期 getDay() 获取星期
getHous() 获取小时 getMinutes() 获取当前分钟
getSeconds() 获取当前秒钟 getMilliseconds()获取指定时间到当前的毫秒数
getTime() 获取时间戳 new Date() 获取当前时间
setDate() 设置时间
Element: offsetLeft(获取相对含有定位的父元素的左边距,如果父元素没有定位,他会向上一级去找)
offsetTop(获取相对于父元素的顶部边距)
offsetWidth(获取元素的宽度) 包括边框和内填充
offsetHeight(获取元素的高度)包括边框和内填充
scrollLeft横向滚动
scrollTop纵向滚动
电脑屏幕:e.clientX 返回鼠标相对于浏览器窗口可视区的X坐标
e.clientY 返回鼠标相对于浏览器窗口可视区的X坐标
e.pageX 返回鼠标相对于文档页面的X坐标
e.pageY 返回鼠标相对于文档页面的Y坐标
e.screenX 返回鼠标相对于电脑屏幕的X坐标
e.screenY 返回鼠标相对于电脑屏幕的Y坐标
clientX和pageX的区别在于pageX要计算滚动条