jsfireevent()的用法

1.js中event.srcElement和event.target的区别 搜狗问问

event.srcElement从字面上可以看出来有以下关键字:事件,源 他的意思就是:当前事件的源,

我们可以调用他的各种属性 就像:document.getElementById("")这样的功能,

经常有人问 firefox 下的 event.srcElement 怎么用,在此详细说明:

IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即:

firefox 下的 event.target = IE 下的 event.srcElement

2.fireevent怎么支持主流浏览器

Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代, 直接给一个兼容的Code.触发click 事件[javascript] view plain copyfunction simulateClick(el) { var evt; if (document.createEvent) { // DOM Level 2 standard evt = document.createEvent("MouseEvents"); evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); el.dispatchEvent(evt); } else if (el.fireEvent) { // IE el.fireEvent('onclick'); } } 触发drag事件[javascript] view plain copyfunction simulateDrag(el) { var evt; if (document.createEvent) { // DOM Level 2 standard evt = document.createEvent("MouseEvent"); evt.initMouseEvent("dragstart", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); el.dispatchEvent(evt); } else if (el.fireEvent) { // IE el.fireEvent('ondragstart'); } }。

3.在什么时候才会用到fireEvent方法

在DHTML开发中,微软在其DOM中为每个元素实现了一个fireEvent方法。

我们知道HTML的事件onXXX可以由系统(IE环境)来管理和触 发,也可以直接执行事件的handler,比如onclick,如果被赋予事件处理函数,我们可以用element.onclick()来执行事件处理函 数。那么fireEvent用来干嘛呢? 在MSDN中fireEvent的描述很简单:Fires a specified event on the object. bFired = object.fireEvent(sEvent [, oEventObject]) 并且MSDN给出了一个使用fireEvent的示例: <body>

Using the fireEvent method

By moving the cursor over the DIV below, the button is clicked. Mouse over this! 这 个示例非常的简单,也完全说明了fireEvent的用法。

不过这个示例有一点误导我们,从而让我们不容易发现frieEvent更有价值的使用方法。由 于button的onclick事件被赋予语句:this.innerText = 'I have been clicked!',这里很容易误导我们,fireEvent产生的是执行了btn.onclick()的效果。

嗯,确实是这个效果,但是意义却完全不 同,btn.onclick()只是一个函数调用,它的执行必须依赖于用户对其赋值,否则btn.onclick为null,是不能执行 btn.onclick()的。而fireEvent('onclick')的效果,"等同于"鼠标在button元素上进行了点击。

由 于IE的事件处理是bubble up方式,fireEvent(sEvent)就显得更加的有意义了,如果我们在一个table元素

中监听事件,比如 onclick,当点击不同的td做出不同的响应时。如果使用程序来模拟,只能使用fireEvent这种方式,示例如下:
abc def
使用abc.onclick()和def.onclick()将得到"Object doesn't support this property or method"异常。

abc def abc def 知 道了fireEvent的用法,那么我们用它来做什么呢?在开发具有复杂事件处理动作组件时。有时我们需要从程序中去触发一个本身因该鼠标或键盘触发的事 件,比如在TreeView控件中,我们一般是使用鼠标点击来Expand&Collapse一个结点,如果我们要用程序代码来实现这个操作怎么 办呢?当然直接执行事件处理函数是可以的,不过如果事件处理函数依赖于event变量中的状态值,那么就必须使用fireEvent方法。

原来我曾经说过,因该把事件处理的函数封装起来,便于直接调用。比如上面说到的TreeView节点的Expand和Collapse,我在TreeView控件中都是把它们封装成两个函数Expand和Collapse,在节点被点击时,执行: OpIcon.onclick = function() { var objNode = this.Object; if ( objNode.m_IsExpanded ) objNode.Collapse(); else objNode.Expaned(); } 这样一来,在程序中控制Expand和Collapse也就是分别执行函数而已。

不过后来发现既然DOM中有fireEvent方法,似乎我在"动态载入数据的无刷新TreeView控件(4)"中的某些想法也不是很必要了。

4.如何在JavaScript中使用自定义事件

这篇文章主要为大家介绍了javascript实现自定义事件的方法,自定义事件,顾名思义,就是自己定义事件类型,自己定义事件处理函数,javascript如何实现自定义事件,需要了解的朋友可以参考下我们平时在操作dom时候经常会用到onclick,onmouseover等一系列浏览器特定行为的事件, 那么自定义事件,顾名思义,就是自己定义事件类型,自己定义事件处理函数,在合适的时候需要哪个事件类型,就去调用哪个处理程序。

5.javascript event对象的具体功能是什么

event对象只在事件发生的过程中才有效(比如鼠标点击,键盘按下等)。

event对象用以表示事件的状态,例如触发event对象的元素(event.srcElement)、鼠标的位置(event.clientX、event.clientY)、按下的键(event.keyCode)等等。 event对象的属性包括: altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y (可以详细查看参考书)使用event的方法:定义var evt = window.event;FF中不能通过该方法得到event对象,可以通过传值的方法:element.onclick = function(e){var evt = window.event || e;。

}用event获得点击时鼠标的坐标element.onclick = function(e){var evt = window.event || e;var cursorPOS = {x : evt.clientX,y : clientY}}用event对象指定当按下回车键时,弹出警告框element.onkeydown = function(e){var evt = window.event || e;if(evt.keyCode==13){alert('按下了回车!');}}用event获得鼠标点击的DOM对象document.onclick=function(e){var evt = window.event || e;var _target = evt.srcElement || evt.target;alert(_target.tagName)}更多的使用,请参考教材。

jsfireevent()的用法

转载请注明出处JS代码网 » jsfireevent()的用法

资讯

js计算get请求的次数

阅读(36)

本文主要为您介绍js计算get请求的次数,内容包括js怎么ajaxget请求数据,javascript中怎么统计字符出现的次数,jsget请求能传递多少个参数。<script type="text/javascript"><br>/*计算子字符串在字符中出现的次数*/<br><br>//字符串<

资讯

js代码求10的平均数

阅读(32)

本文主要为您介绍js代码求10的平均数,内容包括js编写代码计算5的阶乘,javascript用for循环输入10个数求总和和平均值,要求只有一个框搜,javascript数组中所有数求和取平均值问题。js的://注意:这个不算很完整,只能作为参考function test(){ //

资讯

js调用按钮的点击事件

阅读(34)

本文主要为您介绍js调用按钮的点击事件,内容包括JS怎样调用后台的按钮的点击事件,javascript点击按钮触发事件,Js调用后台点击事件。使用onclick()点击事件触发。 设计一个功能页面,HTML代码如下。

资讯

使用three.js的3d制作动画

阅读(29)

本文主要为您介绍使用three.js的3d制作动画,内容包括基于three.js的3d引擎怎么做,基于three.js的3d引擎怎么做,在用three.js画一个航线图,3D的我现在做好了地球但是不知道怎样。threejs本身就是3D引擎,最核心的几套算法都已经实现了(向量,矩阵

资讯

js改变a标签的class

阅读(30)

本文主要为您介绍js改变a标签的class,内容包括如何通过JS来增加a标签的class样式,如何用js更改多个a标签的class的值,如何通过JS来增加a标签的class样式。原生js直接操作className属性document.getElementById("test").className = (docu

资讯

我的世界pe召唤闪电js

阅读(41)

本文主要为您介绍我的世界pe召唤闪电js,内容包括我的世界pe怎么用命令方块召唤雷电劈怪?,我的世界闪电怎么召唤召唤闪电指令介绍,我的世界pe怎么用命令方块召唤雷电劈怪。指令:/shock 玩家如果直接输入/shock,默认电击你准星指的位置(仅PC)。当

资讯

js提取字符串中的汉字

阅读(38)

本文主要为您介绍js提取字符串中的汉字,内容包括js怎么截取中文字符串?,帮忙js处理下字符串提取出汉字与数字,js如何截取中文字符串。12345678910varstr = "<aiiqewr中国1#387axes";varbegin = 0; for(vari=0;i

资讯

curl获取js跳转的页面

阅读(37)

本文主要为您介绍curl获取js跳转的页面,内容包括javascript如何获取即将跳转的页面,javascript如何获取即将跳转的页面,如何爬取通过js跳转的所有页面。无法实现php在服务器上用curl取得的cookies是存在于php程序所保存的位置通过php登陆,ph

资讯

js输出1到1000的素数

阅读(33)

本文主要为您介绍js输出1到1000的素数,内容包括用javascript编程输出1001000的所有素数,并要求每行显示六个素数,用javascript或PHP语言实现网页输出1到1000内的素数(质数)要求,用javascript或PHP语言实现网页输出1到1000内的素?。var brNu

资讯

ie8通过js设置input的type

阅读(32)

本文主要为您介绍ie8通过js设置input的type,内容包括js怎么修改input的type属性ie不出错,怎样用javascript实现对input的type属性的更改,怎么用js更改inputtype类型。方法/步骤 首先我们来做一个html页面,来模拟这个密码框,这个图标找的不好,

资讯

js全局变量是否是线程安全的

阅读(29)

本文主要为您介绍js全局变量是否是线程安全的,内容包括javascriptfunction是线程安全的吗,什么是线程安全和线程不安全,局部变量和成员变量是线程安全的么。线程安全是:如果你的代码所在的进程中有多个线程在同时运行,而这些线程可能会同时运

资讯

node.js中require的机制

阅读(32)

本文主要为您介绍node.js中require的机制,内容包括nodejs有require方法吗,nodejs有require方法吗,如何在node.js中使用requirejs。有的 require函数详解 路径 相对路径之当前目录:./xxx/xxx.js 或 ./xxx/xxx。 相对路径之上级目录:../x

资讯

js获取div在页面中的位置

阅读(31)

本文主要为您介绍js获取div在页面中的位置,内容包括js怎么获取当前div所在的位置,如何用js获取一个div的坐标?,js如何获取div的位置,请高手解答。js获取DIV的位置坐标的方法有三种,分别如下: 方法一:?var odiv=document.getElementByIdx_x(di

资讯

js里的匿名函数

阅读(27)

本文主要为您介绍js里的匿名函数,内容包括js中对象与匿名函数的问题,请问,JS的匿名函数有几种?,javascript匿名函数的用途到底是什么?。配合var关键字,匿名函数可以有效的保证在页面上写入Javascript,而不会造成全局变量的污染。这在给一个不

资讯

js中pow的用法

阅读(21)

本文主要为您介绍js中pow的用法,内容包括jsMath.pow什么意思,C语言中幂函数pow的用法,jsMath.pow什么意思。原型:extern float pow(float x, float y);用法:#include <math.h>功能:计算x的y次幂

资讯

js中import的用法

阅读(23)

本文主要为您介绍js中import的用法,内容包括如何使用javascript中的import,export语法,如何用import方法使用elementui的js,javascript中的export和import怎么用。查了下JS手册, export 允许标明的脚本向其它标明或未标明的脚本提供属性、函

资讯

js中require的用法

阅读(18)

本文主要为您介绍js中require的用法,内容包括js怎么在本地使用require,关于javascript里require的问题,require.js命名模块有什么用。命名模块一些define()中包含一个模块名称作为首个参数:define(“foo/title”, [“my/cart”,”my/inv

资讯

js里this的用法

阅读(28)

本文主要为您介绍js里this的用法,内容包括JAVAscript里面this的用法谁能具体说说,Javascript的This用法是什么?,js中this的用法。this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, fun

资讯

js数组indexof的用法

阅读(95)

本文主要为您介绍js数组indexof的用法,内容包括JavaScript中indexOf()的用法和详解,怎样利用JS代码实现文本链接的渐变效果?,javascript中indexof的用法。if(email.indexOf("@",0)==-1||email.indexOf(".",0)==-1)<br>{<br> aler

资讯

js事件委托的用法

阅读(51)

本文主要为您介绍js事件委托的用法,内容包括js事件委托是怎么做的,javascript事件模型是什么?,JavaScript事件驱动呢?。事件使得客户端的 JavaScript 有机会被激活,并得以运行。在一个 Web 页面装载之后,运行脚本的唯一方式,就是响应系统或者

资讯

js中call的用法

阅读(60)

本文主要为您介绍js中call的用法,内容包括jscall用处,js和vbs中分别如何定义对象?,js和vbs中分别如何定义对象?请高手回答。javascript 中call用处不少,用一句话概括就是动态改变this.比如说: function cat(){}//做一个原型扩展

资讯

js中循环的用法

阅读(62)

本文主要为您介绍js中循环的用法,内容包括javascript中for循环语句的代码怎么写呢?,使用vbscript或javascript的循环语句完成1到10?,JavaScript的几种循环使用方式及性能解析。html xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv