JavaScript_常见的事件&获取元素的方法

常见的事件

鼠标

鼠标事件:利用鼠标去触发的事件
1.onclick 单击事件
2.onmousedown 鼠标按下事件
3.onmouseup 鼠标抬起事件
4.ondblclick 鼠标双击事件(两次快速单击事件组成)
5.onmouseover 鼠标移入事件
6.onmouseenter 鼠标移入
7.onmouseout 鼠标移出事件
8.onmouseleave 鼠标移出
9.onmousemove 鼠标移动事件

input

input事件:在input元素中操作触发的事件
1.oninput 输入事件
2.onchange input的内容改变事件,当内容改变并且失去焦点的时候执行
3.onfocus 获取焦点事件
4.onblur 失去焦点事件

键盘

键盘事件
1.onkeydown 键盘按下事件
2.onkeyup 键盘抬起事件

window

window
1.window.onload 用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法
2.window.onscroll 网页滚动事件
3.window.onresize 窗口或框架被调整大小时发生事件

获取元素的方法

通过id名来获取

	document.getElementById('id名')

返回值:获取的元素

通过class名来获取

	document.getElementsByClassName('class名')

返回值:一个伪数组,需要通过索引的形式,获取里面的元素

通过标签名来获取

	document.getElementsByTagName('标签名')

返回值:一个伪数组,需要通过索引的形式,获取里面的元素

通过querySelector来获取

	document.querySelector('.class名 || id名 || 标签名 || 选择器(.box span) ')

返回值:获取的是第一个满足条件的元素

通过querySelectorAll来获取

	document.querySelectorAll("选择器")

返回值:以伪数组的形式返回所有满足的元素

• 使用querySelectorAll方法获取的元素的集合,是可以使用forEach的方法,而TagName返回的伪数组用不了