概念:
- 事件源:元素或标签
- 事件名称:click,change,submit,fous,blur等
- 事件响应函数:function(){事件触发的执行体}.
方式1
事件声明在标签中
<span id="mySpan" onclick="fn();">点击</span>var fn=function(){
alert("响应");
}方式2
事件声明在js代码中
<span id="mySpan">点击</span>//声明事件
var fn=function(){
alert("响应");
}
window.onload=function(){
//获取元素对象
var mySpan=document.getElementById("mySpan");
//注入事件
mySpan.onclick=fn;}方式3
监听方式
<span id="mySpan">点击</span>//声明事件
var fn=function(){
alert("响应");
}
window.onload=function(){
//获取元素对象
var mySpan=document.getElementById("mySpan");
//注入事件
mySpan.addEventListener("click", fn);}最后
以上就是隐形秋天最近收集整理的关于【js】【事件驱动】【Dom元素节对象点绑定事件的3种方式】的全部内容，更多相关【js】【事件驱动】【Dom元素节对象点绑定事件内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复