JavaScript事件处理器中的event参数使用介绍
在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中。而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中。
代码如下:
if (!event) event=window.event;
上面的语句用来检测event参数是否为undefined或者null,如果是的话把window的event属性赋值给它,从而消除了浏览器差异。
为了获取目标元素的引用,在标准兼容的浏览器中使用target属性,在ie中则使用srcElement属性,通过对象检测来处理这种不一致性
代码如下:
var target=(event.target) ? event.target : event.srcElement;
这个语句检查event.target的定义是否存在,如果存在,就把它的值赋给局部变量target;否则,将event.srcElement赋值给target。
相关推荐
-
JavaScript事件处理程序详解
本文实例为大家分享了js事件处理程序的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM0级DOM2级</title> </head> <body> <input id="btn1" type="butto
-
js使用函数绑定技术改变事件处理程序的作用域
第一种,也是 最常见的,就是直接在html标签里面通过指定事件处理程序同名的HTML属性来注册事件,代码如下: 复制代码 代码如下: function eventHandler() { alert("当前作用域是 input 元素本身"); } <input type="button" value="单击我" onclick="eventHandler(this)"/> 第二种方式就是将一个函数赋值给一个事件处理程
-
javascript 事件处理、鼠标拖动效果实现方法详解
先看看要拖动的层(模拟窗口)的效果图吧. 要实现的拖动效果:鼠标左键在窗口上方的标题栏上按下,同时移动鼠标,窗口跟着移动.窗口: 复制代码 代码如下: <div id="win"> <div id="win_header"></div> </div> 一点准备工作: 要让窗口能自由移动,那么窗口的定位(position)应该采用绝对定位(absolute): 给窗口添加标题栏,这里使用一个放在窗口顶部的层实现,同时将标
-
JavaScript中的事件处理
事件处理概述 事件处理是对象化编程的一个很重要的环节,没有了事件处理,程序就会变得很死,缺乏灵活性.事件处理的过程可以这样表示:发生事件 - 启动事件处理程序 - 事件处理程序作出反应.其中,要使事件处理程序能够启动,必须先告诉对象,如果发生了什么事情,要启动什么处理程序,否则这个流程就不能进行下去.事件的处理程序可以是任意 JavaScript 语句,但是我们一般用特定的自定义函数(function)来处理事情. 指定事件处理程序有三种方法: 方法一 直接在 HTML 标记中指定.这种方法是
-
JavaScript事件处理程序(事件侦听器)
我们知道,javascript与HTML之间的交互是通过事件来实现的,事件就是用户或浏览器自身执行的某种动作,比如click.mounseover.load--,而响应事件的函数就叫做事件处理函数(或事件侦听器). event util test var eventUtil = { addListener: function(element, type, hander) { if (element.addEventListener) { element.addEventListener(type
-
浅谈Javascript事件处理程序的几种方式
事件就是用户或浏览器自身执行的某种动作.比如说click,mouseover,都是事件的名字.而相应某个事件的函数就叫事件处理程序(或事件侦听器).为事件指定处理程序的方式有好几种. 一:HTML事件处理程序. 如: 复制代码 代码如下: <script type="text/javascript"> function show(){ alert('hello world!'); } </script> <input type="button&q
-
Vue.js每天必学之方法与事件处理器
方法处理器 可以用 v-on 指令监听 DOM 事件: <div id="example"> <button v-on:click="greet">Greet</button> </div> 我们绑定了一个单击事件处理器到一个方法 greet.下面在 Vue 实例中定义这个方法: var vm = new Vue({ el: '#example', data: { name: 'Vue.js' }, // 在 `met
-
JavaScript事件处理的方式(三种)
最近这段时间因为每天要修改网站,为网站做特效,所以看了很多的js接触事件,自己只会使用一小部分,有时用的时候也比较混乱,现在系统的整理了一下,特此分享到我们平台供大家参考下! 一.什么是JavaScript事件? 事件(Event)是JavaScript应用跳动的心脏,也是把所有东西粘在一起的胶水,当我们与浏览器中Web页面进行某些类型的交互时,事件就发生了. 事件可能是用户在某些内容上的点击.鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是Web浏览器中发生的事情,比如说某个Web页面
-
Ext javascript建立超链接,进行事件处理的实现方法
1,如何在javasript建立超链接 <script type="text/JavaScript"> //方法一: location.href='网址'; //方法二: document.write('<a href="网址">文字</a>'); </script> 2,应用到Ext中的树控件事件处理 tree_03.js 复制代码 代码如下: Ext.onReady(function(){ var root = n
-
javascript 基础篇3 类,回调函数,内置对象,事件处理
复制代码 代码如下: function 类名(参数表){ this.属性; ...... this.函数; } 这样,函数和数据成员都是用"this."来实现. 我们自己定义一个简单类student好了,然后再去构造它,并且实现一个输出函数. 复制代码 代码如下: <script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.ou
随机推荐
- alixixi runcode.asp的代码不错的应用
- 解析asp.net的分页控件
- javascript阻止事件冒泡和浏览器的默认行为
- 几句话带你理解JS中的this、闭包、原型链
- 判断Email地址是否正确的几个函数(asp/php/javascript)
- asp sqlserver 执行存储过程返回记录集报对象关闭时不允许操作
- C#中IEnumerable接口用法实例分析
- JavaScript实现简单的树形菜单效果
- javascritp添加url参数将参数加入到url中
- AJAX 支持搜索引擎问题分析
- jQuery打印指定区域Html页面并自动分页
- javascript的动态加载、缓存、更新以及复用(一)
- 深入PHP magic quotes的详解
- C#委托delegate实例解析
- MPLS经典问题利用MPLS解决和避免bgp路由黑洞问题
- axios post提交formdata的实例
- idea中git从码云克隆项目到本地的方法
- ES6 Generator函数的应用实例分析
- python脚本调用iftop 统计业务应用流量的思路详解
- pytorch 实现模型不同层设置不同的学习率方式