如何使用js主动触发事件

JavaScript015

如何使用js主动触发事件,第1张

//document上绑定自定义事件ondataavailable

document.addEventListener('ondataavailable', function (event) {

alert(event.eventType)

}, false)

var obj = document.getElementByIdx_x("obj")

//obj元素上绑定click事件

obj.addEventListener('click', function (event) {

alert(event.eventType)

}, false)

//调用document对象的 createEvent 方法得到一个event的对象实例。

var event = document.createEvent('HTMLEvents')

// initEvent接受3个参数:

// 事件类型,是否冒泡,是否阻止浏览器的默认行为

event.initEvent("ondataavailable", true, true)

event.eventType = 'message'

//触发document上绑定的自定义事件ondataavailable

document.dispatchEvent(event)

var event1 = document.createEvent('HTMLEvents')

event1.initEvent("click", true, true)

event1.eventType = 'message'

//触发obj元素上绑定click事件

document.getElementByIdx_x("test").onclick = function () {

obj.dispatchEvent(event1)

}

代码如下:

function myfunction(event) {

event = event ? event : window.event

var obj = event.srcElement ? event.srcElement : event.target

//这时obj就是触发事件的对象,可以使用它的各个属性

//还可以将obj转换成jquery对象,方便选用其他元素

var $obj = $(obj)

alert($obj.parent().attr("href"))

}

实现的方法和详细的操作步骤如下:

1、第一步,在ue编辑器中创建一个空白的html文件和js文件,见下图,转到下面的步骤。

2、第二步,完成上述步骤后,在ue编辑器中输入以下html代码,见下图,转到下面的步骤。

3、第三步,完成上述步骤后,在ue编辑器中输入以下js代码,见下图,转到下面的步骤。

4、第四步,完成上述步骤后,在ue编辑器中单击“保存”,然后选择“UTF-8-无BOM”作为格式,见下图,转到下面的步骤。

5、第五步,完成上述步骤后,在浏览器中打开此html文件,可以看到最终获得“ctrl  + C”和“ctrl + v”的事件效果,见下图。这样,就解决了这个问题了。