js操作总结

1、获取兄弟元素的前后元素

/*同级元素的前一个元素*/
previousElementSibling
/*同级元素的后一个元素*/
nextElementSibling

2、将字符串转化为整数

parseInt()

3、type
用于获取事件对象的类型

e.type

4、事件对象常用属性
（1）altKey、shiftKey、ctrlKey用于判断是否按下alt、shift、ctrl键，返回bool值
（2）ScreenX、ScreenY获取鼠标点击位置距离电脑屏幕边缘的距离
（3）clientX、clientY获取获取鼠标点击位置距离窗口边缘距离（视觉所看见的）
（4）pageX、pageY获取获取鼠标点击位置距离页面左侧和上侧的距离（与（3）的区别在于当页面有滚动条时）
（5）offsetX、offsetY获取获取鼠标点击位置距离自身所在位置距离

5、keyCode属性
用于获取按下按键的键码值

6、currentTarget属性
表明哪个元素的事件正在触发，而Target属性用于获取当前哪个元素被点击

7、preventDefault属性
取消默认行为，格式：事件对象.preventDefault()
低版本IE浏览器不支持此属性，可采用以下写法

if (e.preventDefault==undefined){
	e.returnValue=false;
}
else{
	e.preventDefault();
}
/*另一种写法*/
e.preventDefault=undefined(e.returnValue=false):e.preventDefault()

8、stopPropogation属性
用于阻止冒泡（阻止父元素function触发）

9、定时器
setInterval用于设置定时器，以某种时间间隔重复执行某个事件
clearInterval用于清楚定时器,，停止setInterval方法的操作

/*timer为定时器编号*/
var timer=setInterval（function（）{
	console.log('oh');
},1000）

window.clearInterval(timer)

10、鼠标事件
（1）oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
（2）ondbclick事件为鼠标双击事件
（3）onmousewheel事件为鼠标滚动事件，wheeldelta表示滚动方向，大于0表示向上，小于0表示向下

11、表单元素事件
（1）onfocus获取到表单焦点触发
（2）onblur失去表单焦点触发
（3）oninput表单元素变化时触发
（4）onchange表单元素变化且失去焦点时触发

12、按钮事件
（1）submit事件：当提交按钮被点击时被触发，该事件要给form元素添加

/*阻止表单提交*/
form.οnsubmit=function(){
	return false;
}

（2）reset事件：当重置按钮被点击时触发，该事件要给form元素添加

13、键盘事件
（1）keydown事件：键盘按下触发，按住不放连续触发
（2）keypress事件：键盘按下触发（功能键除外），按住不放连续触发
（3）keydown事件：键盘弹起触发