如何使用js主动触发事件

JavaScript020

如何使用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)

}

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('img').click()。

3、浏览器运行index.html页面,此时img标签被用js自动点击并打印了相关内容。