您的位置:

js网页中的事件有哪些(js常见事件)

js网页中的事件有哪些(js常见事件)

更新:

本文目录一览:

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 当键盘上某个按键被按放开时触发此事件

js网页中的事件有哪些(js常见事件)

本文目录一览: 1、js中常用的事件有哪些 2、JavaScript中都有些什么事件?事件有什么作用? 3、js 触发事件种类类型有哪些 js中常用的事件有哪些 最常用的就是onclick咯, 鼠标点

2023-12-08
js的事件处理丶java教程网(js中事件)

本文目录一览: 1、关于js事件捕获的用法 2、JS中事件的调用 3、请简单说明javascript中处理事件的步骤 4、java中js的事件使用---$("p").style("background

2023-12-08
js事件中change,js事件中监听其他事件

本文目录一览: 1、js中的change事件不起作用 2、js中关于change的问题 3、这段JS代码为什么change事件中先删除上一次事件创建的option删不干净,会剩下一个城市 4、汇总js

2023-12-08
js选择文件事件,js选中文本事件

本文目录一览: 1、file控件选择上传文件确定后触发的js事件是哪个? 2、file控件选择上传文件确定后触发什么js事件 3、js中如何点击一个按钮弹出一个file文件框 4、javascript

2023-12-08
js窗口close事件(js弹出窗口关闭事件)

本文目录一览: 1、js有关闭窗口时的事件吗 2、怎样用JS实现关闭当前窗口 3、javascript有没有纯粹的window.onclose事件 js有关闭窗口时的事件吗 javascript捕获窗

2023-12-08
js选中事件,js下拉框选中事件

2023-01-03
js选中事件,js选择框改变事件

2023-01-07
asp控件事件js(asp按钮点击事件)

本文目录一览: 1、js 触发asp.net的服务器按钮的响应事件 2、如何在控件中的ontick事件中调用前台的javascript函数 3、怎么才能在ASP调用JS事件 4、asp.net里怎么为

2023-12-08
调用网页js文件,html文件调用js文件中的方法

本文目录一览: 1、怎样在页面中调用js文件 2、网页里是如何调用js的 3、在html网页中怎样调用js文件? 4、jsp页面中调用js文件中的方法如何实现 5、求助:HTML点击按钮调用JS文件或

2023-12-08
实现网页交互:JS焦点事件详解

2023-05-20
JS绑定点击事件详解

2023-05-21
JS禁止点击事件

2023-05-20
js重新绑定click(js重新绑定事件)

本文目录一览: 1、JS绑定click事件,第一次点击无线,第二次之后正常 2、js 什么情况下需要绑定click事件,有哪些作用? 3、JS中onClick如何换绑定 4、怎么按元素id 使用js为

2023-12-08
js触发回车事件的示例代码(js触发事件的方法)

本文目录一览: 1、jquery 文本框按下回车键执行事件 代码如何写? 2、用js怎么写一个回车键盘事件 3、用js怎么写一个回车键盘事件? jquery 文本框按下回车键执行事件 代码如何写? $

2023-12-08
java中使用js函数(js有哪些函数)

本文目录一览: 1、java程序中运行js脚本 2、Java怎么不能调用JavaScript的某些函数 3、java用什么调用js代码 java程序中运行js脚本 我们要在Java中执行JavaScr

2023-12-08
js代码中script,js代码中的问号是什么意思

本文目录一览: 1、javascript中script的SRC属性 2、JS代码里加载script代码,并隐藏其内容怎么弄呢? 3、使用javascript必须使script标签吗 javascrip

2023-12-08
js添加事件处理程序,js中常用事件

本文目录一览: 1、如何在JavaScript中使用自定义事件 2、请说明JavaScript中处理事件的步骤 3、js添加事件和移除事件:addEventListener()与removeEvent

2023-12-08
javascript常见的事件的简单介绍

2022-11-16
网页添加js代码(如何在别人网站上加入js代码)

本文目录一览: 1、在JSP页面中加入JavaScript小程序的方法分别有哪两种?其语法格式为? 2、怎样在网页中插入JavaScript代码 3、怎么把JS代码添加到网页里 4、给网页添加java

2023-12-08
chrome截获js事件,js捕获事件

本文目录一览: 1、在Chrome中怎么用JS获取关闭选项卡事件? 2、chrome 怎么获取js文件 3、JS捕获关闭浏览器事件之chrome浏览器真支持onbeforeunload事件吗? 在Ch

2023-12-08