Javascript 将html事件绑定到函数
如何将诸如Javascript 将html事件绑定到函数,javascript,html,dom-events,Javascript,Html,Dom Events,如何将诸如onclick之类的html事件绑定到函数myFunc(e){} 我不想使用document.getElementByClass或Id 我不想使用jQuery。如果你现在还是90年代,而jQuery还没有发明出来,那么一定要: <div onclick="myFunc"> </div> 首先您必须在页面上找到元素,例如var element=document.getElementById('clickme'),然后您必须向click事件元素添加侦听器。addE
onclick
之类的html事件绑定到函数myFunc(e){}
我不想使用document.getElementByClass
或Id
我不想使用jQuery。如果你现在还是90年代,而jQuery还没有发明出来,那么一定要:
<div onclick="myFunc">
</div>
首先您必须在页面上找到元素,例如
var element=document.getElementById('clickme')
,然后您必须向click事件元素添加侦听器。addEventListener('click',function)
尝试以下操作:
document.getElementsByTagName('body')[0].addEventListener('click', function(){alert("you clicked on the page")})
这会将事件侦听器添加到body标记。单击页面后,它将启动警报功能
您可以通过类名、id和/或标记名获取元素:
document.getElementById('someId')
document.getElementsByClassName('someClassName')
document.getElementsByTagName('body')
请记住,“getElementsByCassName”和“getElementsByTagName”返回数组,因此您可能希望像这样添加索引
getElementsByTagName('body')[0]
document.getElementsByClassName('someClassName')[1]
...
你想点击触发一个功能吗?是的。点击就好了。只是好奇一下(e)事件和绑定。有很多SO可以让你得到你想要做的事情。可能是Lol的重复。谢谢你的帮助。这是没有jQuery最简单的事情。别碰它!