本文目录一览:
js中常用的事件有哪些
最常用的就是onclick咯, 鼠标点击事件, 还有onblur, onchange, onload等等, 具体可以参考w3cSchool的相关api, 给你地址
JavaScript中都有些什么事件?事件有什么作用?
JavaScript中主要的事件有如下这些:
事件的作用:
事件在HTML中扮演着相当重要的作用,要了解他的作用,首先我们了解下事件的概念:
“事件指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码。”
从事件的概念可看出,事件可以大大提高网页的交互性。在上面表格中列出来的事件,我们都可以通过事件处理程序(侦听器)捕捉到。比如当用户点击某个 HTML 元素时启动一段 JavaScript。
为了更通俗的描述事件的作用,下面我列举了几个事件使用的例子:
1、 监听按钮的点击事件onclick,当该事件发生后可以执行JavaScript进行提醒;
alertBtn.onclick = function() {
alert("你在网页中执行了点击操作!");
};
2、 监听页面的加载事件onload,进行一些初始化操作。
window.onload = function() {
prepareEventHandlers(); //prepareEventHandlers函数中进行了初始化操作。
};
3、监听表单的onblur事件,当输入框失去焦点时是否显示提示信息。如下面的邮箱输入框:
emailField.onblur = function() {
if ( emailField.value == "") {
emailField.value = "输入邮箱";
}
};
4、监听表单的onfocus事件,当输入框获取焦点时执行一些操作,如清除提示信息。
emailField.onfocus = function() {
if ( emailField.value == "输入邮箱") {
emailField.value = "";
}
};
可以到教程网-秒秒学上看下相关课程,夯实下基础,事件的机制其实并不难,希望对你理解事件有所帮助。
js 触发事件种类类型有哪些
一般事件 onclick IE3、N2 鼠标点击时触发此事件
ondblclick IE4、N4 鼠标双击时触发此事件
onmousedown IE4、N4 按下鼠标时触发此事件
onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件
onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件
onmousemove IE4、N4 鼠标移动时触发此事件
onmouseout IE4、N3 当鼠标离开某对象范围时触发此事件
onkeypress IE4、N4 当键盘上的某个键被按下并且释放时触发此事件.
onkeydown IE4、N4 当键盘上某个按键被按下时触发此事件
onkeyup IE4、N4 当键盘上某个按键被按放开时触发此事件