javascript中涉及到事件,为什么有时候有on,有时候有没有?

JavaScript012

javascript中涉及到事件,为什么有时候有on,有时候有没有?,第1张

onclick是js里面给标签绑定点击事件的方法,通常写在html的元素上,而click方法在addEventListener()中使用,此方式可以给一个元素添加多个事件句柄,只在js中使用,可读性更强,更灵活。但前者的优先级高于后者。

html页面设置onClick事件可以在html中设置,也可以在js中设置,下面分别介绍。

在html中设置

你的代码就是在html中设置的方法,这是测试页面,

现在html代码的元素中添加onclick

<input type="text" id="text" onClick="f()">

再在js代码中声明一个函数

function f(){

alert(1)

}

只在js中设置

第二种方法是只在js中设置,这是测试页面

html代码可以更加纯粹,不用写onclick

<input type="text" id="text">

在js代码中,先找到这个元素,再去绑定一个事件

window.onload  = function() {

document.getElementById("text").onclick = function() {

alert(1)

}

}

也可以实现这个效果

你这个问题全部内容应该是如下吧:在视频播放的时候,能够用on监听事件的触发,如下:player.on('pause',function(){console.log('视频暂停');})player.on('ended',function(){console.log('视频结束')})这个是什么原理,怎么自定义类似pause、ended的事件,并能够用on监听?麻烦指教相当于来说你要维护一个事件队列。player对象大概有这么些属性{on: func(key, callback),emit: func(key),events: object}events是一个对象,数据结构如下:{pause: [func, func]}调用on函数时,把event的key以及callback添加到events中。调用emit函数表示相应事件触发,根据相应的key从events中获取相应的callback数组,依次执行函数。