EventTarget接口的三种方法:
addEventListener:绑定事件的监听函数
removeEventListener:移除事件的监听函数
dispatchEvent:触发事件
Element节点、document节点和window对象,都部署了EventTarget接口。
监听函数是事件发生时,程序所要执行的函数。它是事件驱动编程模式的主要编程方式。
在DOM中提供三种方法为事件绑定监听函数。
- HTML标签的on-属性
HTML语言允许在元素标签的属性中,直接定义某些事件的监听代码。
<body onload="alert('hello');alert('world');">
</body>
- Element节点的事件属性
Element节点对象有事件属性,同样可以指定监听函数。
var btn4Func = function() {
alert("hello");
};
document.getElementById("btn4").onclick = btn4Func;
mouseup事件(释放按下鼠标时触发)、mousedown事件(按下鼠标键时触发)、mousemove事件(鼠标在某个节点内部移动时触发)
mouseover事件、mouseenter事件都是鼠标进入一个节点时触发,区别是mouseenter只执行一次,而mouseover会在子节点上触发多次。
mouseout事件、mouseleave事件都是鼠标离开节点时触发,mouseout事件会冒泡,mouseleave事件不会。
contextmenu事件(节点上点击鼠标右键时触发或者按下上下文菜单键时触发)
Number.toString()
:把数值类型转化为字符串
Number.toPrecision()
:将数值转化为指定位数的有效数字
toPrecision方法用于四舍五入时会出现问题,跟浮点数不能精确的存储有关系。
Number.toFixed()
:用于将一个数转化为指定位数的小数,返回这个小数对应的字符串