如何使用js主动触发事件

JavaScript054

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

}

键盘事件,是需要根据键盘是否有操作,才触发的,

1、keydown()

keydown 事件会在键盘按下时触发。

2、keypress()

keypress 事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键。

3、keyup()

keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件。

一般事件onclickIE3、N2鼠标点击时触发此事件

ondblclickIE4、N4鼠标双击时触发此事件

onmousedownIE4、N4按下鼠标时触发此事件

onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件

onmouseoverIE3、N2当鼠标移动到某对象范围的上方时触发此事件

onmousemoveIE4、N4鼠标移动时触发此事件

onmouseoutIE4、N3当鼠标离开某对象范围时触发此事件

onkeypressIE4、N4当键盘上的某个键被按下并且释放时触发此事件.

onkeydownIE4、N4当键盘上某个按键被按下时触发此事件

onkeyupIE4、N4当键盘上某个按键被按放开时触发此事件