2018.3.20课堂笔记

EventTarget接口的三种方法:

addEventListener:绑定事件的监听函数

removeEventListener:移除事件的监听函数

dispatchEvent:触发事件

Element节点、document节点和window对象,都部署了EventTarget接口

监听函数是事件发生时,程序所要执行的函数。它是事件驱动编程模式的主要编程方式。
在DOM中提供三种方法为事件绑定监听函数。

  1. HTML标签的on-属性
    HTML语言允许在元素标签的属性中,直接定义某些事件的监听代码。
<body onload="alert('hello');alert('world');">
</body>
  1. 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():用于将一个数转化为指定位数的小数,返回这个小数对应的字符串


猜你喜欢

转载自blog.csdn.net/readygoing/article/details/79626637
今日推荐