JavaScript响应事件

事件:发生了某一件事情。

例如:

onClick鼠标单击,当你单击的时候发生什么事情。

1.onBlur焦点离开事件

2.onChange用户修改了值正要离开事件

3.onClick鼠标单击事件

4.onDbClick鼠标双击事件

5.onFocus获得焦点事件

6.onkeydowm按键被按下事件

7.onKeyup按键被释放事件

8.onMouseover鼠标经过事件

9.onMouseout鼠标离开事件

10.onUmload浏览器关闭事件

11.onSubmit提交表单事件

12.onMousemove鼠标在对象上移动事件

13.onLoad对象已加载事件

从上面的英文可以看出事件处理器的名字一般都是以on开头,

时间: 2024-11-08 16:56:54

JavaScript响应事件的相关文章

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键

JavaScript 客户端JavaScript之事件(DOM API 提供模块之一)

具有交互性的JavaScript程序使用的是事件驱动的程序设计模型. 目前使用的有3种完全不同的不兼容的事件处理模型. 1.原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性. 2.标准事件模型 (一种强大的具有完整性的事件模型) 2级DOM标准对它进行了标准化,除IE以外的所有浏览器都支持它. 3.IE事件模型 想用高级事件处理特性的JavaScript程序设计者必须为IE浏览器编写特定的代码

javascript之事件

客户端javascript程序采用了异步事件驱动编程模型. 相关事件的几个概念: 事件类型(event type):用来说明发生什么类型事件的字符串: 事件目标(event target):发生事件的对象: 事件处理程序(event handler):处理或响应事件的函数: 事件对象(event object):与特定事件相关且包含有关该事件详细信息的对象: 事件传播(event propagation):浏览器决定哪个对象出发其事件处理程序的过程: 注册事件处理程序: 1.设置javascri

javascript中事件概述

事件就是用户或浏览器自身执行的某种动作.诸如click.load.和mouseover,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以"on"开头,因此click事件的事件处理程序就是onclick,load事件的事件处理程序就是onload. 以下是跨浏览器的javascript中事件的相关方法 1 //跨浏览器的方法 2 var EventUtil={ 3 /* 4 与addHandler()对应的方法是removeHandler(),

关于JavaScript中事件的一些重要说明

1,JavaScript异步回调 <script language="javascript"> //注册回调函数loaded到处理函数window.onload上 window.onload = loaded; //把方法window.alert地址传递给show函数 var show = window.alert; function loaded(){ show("success"); } </script> 2,事件对象 下面的js实现当

JavaScript中事件

JS中的事件 一.事件分类: 鼠标事件:鼠标单击.鼠标双击.鼠标指上等... HTML事件:文档加载.焦点.表单提交等... 键盘事件:键盘按下(keydown).键盘按下并松开瞬间(keypress).键盘抬起(keyup) 今天主要给大家分享一下键盘事件?? 1.注意事项: ①执行顺序:keydown->keypress->keyup ②当长按时,会循环执行keydown->keypress ③有keydown并不一定有keyup,当事件触发过程中,鼠标将光标移走,将导致没有keyu

JavaScript:事件对象Event和冒泡

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 绑定事件的两种方式 我们在上一篇文章 DOM操作详解 中已经讲过事件的概念.这里讲一下注册事件的两种方式,我们以onclick事件为例. 方式一:onclick 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName("

Javascript的事件模型和Promise实现

1. Javascript的运行时模型--事件循环 JS的运行时是个单线程的运行时,它不像其他编程语言,比如C++,Java,C#这些可以进行多线程操作的语言.当它执行一个函数时,它只会一条路走到黑,不会在当前函数结束之前去调用其他的函数(除非当前函数主动调用其他函数).它也不用担心会有其他线程打扰它,因为它的运行时只有一个线程.如果你还记得一些计算机原理的话,这种运行时只有一个栈,设计起来相当的简单. 一条路走到黑的设计很棒,因为它足够简单,但是又是谁决定哪个函数从开始进入栈内执行呢?答案是J

对同一个对象绑定多个响应事件并都执行

1.因为 onclick=" "  添加的元素响应事件,先添加的事件,会被后来添加的事件层叠掉,只能执行最后一个响应的事件 所以要用到事件监听addElementLitener()来绑定多个处理函数,而因为兼容性的问题需要兼容代码. 2.在IE8中,addElementLitener()这个函数不被兼容,而使用attachEvent().但是,这个又不被谷歌,火狐兼容,所以需要写兼容代码 3.addElementLitener() 有三个参数,而attachEvent()只有两个参数,