
事件名(参数),我平时很少手动添加事件,不知道对不对
你好,举个例子,先说JavaScript中事件句柄函数的this和even.target。
由于JavaScript的事件模型中,事件触发开始,有一个捕获阶段和冒泡阶段(详见:关于JavaScript的addEventListener第三个参数的注记)。所以触发元素分为精准触发元素和不精准触发元素。例如,在下面的结构中:
<div class="outer" id="outer"> <div class="mid" id="mid"><input type="button" class="active" id="inner" value="inner">
</div></div>
假设三个相互嵌套的元素都有一个onclick点击事件句柄。那么当我点击按钮时触发点击事件,那么这个事件可以被这三个元素捕获,那么最内层的按钮元素,也就是我精确点击的元素,我称作:“精准触发元素”;相应的,剩下的两个就是“不精准触发元素”。
那么,由于触发事件句柄的回调函数中,第一个参数总是event实例,它有一个target的属性,指向的就是“精准触发元素”,而在“不精准触发元素”的回调函数中,this指向的就是元素本身,而event.target指向的就是那个“精准触发元素”,二者可以区分。
可以想见,在“精准触发元素”的事件函数内部,应该有this===event.target,而事实也确实如此。
如果用原生JavaScript代码或者jQuery都可以验证:
//原生JavaScriptdocument.getElementById("inner").onclick=function(event){ console.log(this===event.target)
} //jQuery+匿名函数
$("#inner").click(function(event){ console.log(event.target===this)
})
但是当使用箭头函数验证时要格外注意。例如,下面代码验证的是错误的,因为箭头函数的this指向的不是本元素,而是全局变量window:
//错误$("#inner").click((event)=>{ console.log(event.target===this)
})
我们需要给它手动绑定:
//正常$("#inner").click((function(){ return (event)=>{ console.log(event.target===this)
}
}).call($("#inner")[0]))
除了这2个,还有下面这些
传入的参数,一般是 函数名 参数多写在函数调用的。
希望采纳
以下是用法:
1、针对 window 对象触发的事件(应用到 <body>标签):
2、Form 事件
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):
对计算机软件的维护主要有以下几点:
(1)对所有的系统软件要做备份。当遇到异常情况或某种偶然原因,可能会破坏系统软件,此时就需要重新安装软件系统,如果没有备份的系统软件,将使计算机难以恢复工作。
(2)对重要的应用程序和数据也应该做备份。
(3)经常注意清理磁盘上无用的文件,以有效地利用磁盘空间。
(4)避免进行非法的软件复制。
(5)经常检测,防止计算机传染上病毒。
(6)为保证计算机正常工作,在必要时利用软件工具对系统区进行保护。
总之,计算机的使用是与维护分不开的,既要注意硬件的维护,又要注意软件的维护。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)