JavaScript事件对象

Html事件

onclick ---单击事件                              onchange --- 值改变事件(下拉列表值改变时)                   onfocus --- 获取焦点

onblur --- 失去焦点 [[email protected]]      onmouseover ---鼠标移入                                           onumoseout --- 鼠标移出

onmousemove ---鼠标移动                  onload --- 加载事件 （body标记的事件属性）                  onsubmit ---提交事件

onmousedown --- 鼠标按下                 onmouseup --- 鼠标弹起                                            onkeypress --- 键盘事件，不能响应Ctrl、Alt、Shift键 onkeydown --- 键盘按下，可以响应Ctrl、Alt、Shift等功能键和键的组合                                       onkeyup --- 键盘弹起

onresize---调整窗口的大小。

处理事件

为响应事件而执行的JavaScript代码段称为事件处理程序

事件处理程序分为：

HTML 标记事件处理程序:<BODY onLoad="greeting()">

以属性的形式出现的事件处理程序 :window.onload = greeting;

时间： 2024-10-24 01:08:19

JavaScript事件对象的相关文章

Javascript 事件对象（六）键盘事件

keyCode获取用户按下键盘的哪个按键 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <script> 7 /* 8 onkeydown : 当键盘按键按下的时候触发

Javascript 事件对象（五）事件捕获

事件捕获: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style> 7 div {padding: 50px;} 8 #div1 {background: red;

Javascript 事件对象进阶（一）拖拽的原理

拖拽原理 鼠标和Div的相对距离不变 三大事件 把拖拽加到document上 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> #div1 {width: 100px; height

第一百二十节，JavaScript事件对象

JavaScript事件对象 学习要点: 1.事件对象 2.鼠标事件 3.键盘事件 4.W3C与IE JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能.最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数. 一．事件对象 事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下文信息. 事件处理三部分组成:对象.事件处理函数=函数.例如:单击文档任意处. //

JavaScript事件对象与事件处理程序

在学习之前建议请看一下事件流.事件冒泡.事件捕获 一.事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性   (1).type属性用于获取事件类型   (2).target.srcElement<兼容IE事件>属性用于获取事件目标    (3).stopPropagation()方法 用于阻止事件冒泡   (4).preventDefault() 方法 阻

JavaScript事件对象【转】

一． 事件对象 事件处理三部分组成:对象.事件处理函数=函数.例如:单击文档任意处. 1.鼠标按钮 非 IE(W3C)中的 button 属性 0 表示主鼠标按钮(常规一般是鼠标左键) 1 表示中间的鼠标按钮(鼠标滚轮按钮) 2 表示次鼠标按钮(常规一般是鼠标右键) IE 中的 button 属性0 表示没有按下按钮1 表示主鼠标按钮(常规一般是鼠标左键)2 表示次鼠标按钮(常规一般是鼠标右键)3 表示同时按下了主.次鼠标按钮4 表示按下了中间的鼠标按钮5 表示同时按下了主鼠标按钮和中间的鼠标按

JavaScript事件对象EventUtil

JS中事件对象有很多种,兼容性参差不齐,这个对象封装了大部分所需的各种方法 var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListener(type,handler,false); //使用DOM2级方法添加事件 }else if(element.attachEvent){ //使用IE方法添加事件 element.at

javascript事件对象之事件切换器

html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jstest</title> <link rel="stylesheet" type="text/css" href="style.css"/> <script type="text/javasc

Javascript 事件对象（四）一个事件绑定多个不同的函数

今天有幸被召回母校给即将毕业的学弟学妹们讲我这两年的工作史,看了下母校没啥特别的变化,就是寝室都安了空调,学妹们都非常漂亮而已..好了不扯蛋了,说下今天的主题吧.这些天我在深度定制语法高亮功能的同时发现了博客园提供的一些有意思的函数,甚至有几个博客园都没用到,我也不知道怎么才能触发那些功能..打开这个js就可以看到很多好用的东西了,虽然写的不怎么样,但是至少有这些功能. ps: 推荐安装一个代码格式化的插件,否则一坨看着蛋疼.比如第一个就是 log,方便调试. http://www.qidian