如何使用js主动触发事件

JavaScript016

如何使用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”的事件效果，见下图。这样，就解决了这个问题了。