JavaScript常用事件和方法

Posted 2020-11-13 liujiuzhou

常用方法：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 html 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。 调试用console.log()而非alert()
使用 document.getElementById(id) 获取元素

常用事件:

鼠标

onclick 当用户点击某个对象时调用的事件句柄。
oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发
ondblclick 当用户双击某个对象时调用的事件句柄。
onmousedown 鼠标按钮被按下。
onmouseenter 当鼠标指针移动到元素上时触发。
onmouseleave 当鼠标指针移出元素时触发
onmousemove 鼠标被移动。
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
onmouseup 鼠标按键被松开。

键盘

onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。

表单

onblur 元素失去焦点时触发
onchange 该事件在表单元素的内容改变时触发( , , , 和 )<br /> onfocus 元素获取焦点时触发<br /> onfocusin 元素即将获取焦点时触发<br /> onfocusout 元素即将失去焦点时触发<br /> oninput 元素获取用户输入时触发<br /> onreset 表单重置时触发<br /> onsearch 用户向搜索域输入文本时触发 ( <input="search">)<br /> onselect 用户选取文本时触发 ( <input> 和 <textarea>)<br /> onsubmit 表单提交时触发</p>