随笔分类 - 03-01. DOM
摘要：DOM DOM：（文档对象模型）是为了操作文档而定义的一组接口。是 W3C 的标准，即所有浏览器公共遵守的标准 DOM 是语言中立的 API，可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为12种不同的类型，每种类型分别表示文档中不同的信息及（或）标记。每个节点都拥有各
阅读全文
摘要：英文翻译： target 目标 currentTarget 当前目标 区别： target 是事件触发的真实元素 currentTarget 是事件绑定的元素 事件处理函数中的 this 指向始终为 currentTarget currentTarget 和 target，有时候是同一个元素，有时候
阅读全文
摘要：拖放是 HTML5 中非常常见的功能。 注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。 提示： 链接和图片默认是可拖动的，不需要 draggable 属性。 在拖放的过程中会触发以下事件： 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时
阅读全文
摘要：问题 这几天一直被一个很奇怪的问题困扰，就是在chrome上的点击事件会触发该dom的mouseleave事件，在IE 火狐浏览器都没有复现这种问题，不知道是不是chrome的一个错误，或者是一个特性。。 解决办法 在mouseleave方法中监听event，当relatedTarget为空时，阻止
阅读全文
摘要：自定义事件的好处： 1.在维护代码的时候，可以解决互相干扰（污染）的问题 2.对于复杂的条件，实现一次之后可以重复使用 用 addEventListener 写自定义事件：（延伸：解除事件监听：removeEventListener（事件名）） 1. var event = document.cre
阅读全文
摘要：try { //这里的代码不报错就执行，报错了就执行catch } catch ( error ) { // error 就是当前报错的细节， } try{}catch(){} 性能不高 window.onload 当页面中的所有静态资源加载完成之后执行的代码 link、src、href 都会被加载
阅读全文
摘要：用鼠标事件写 拖拽 所需要的三个事件 onmousedowm / onmousemove / onmouseup 遇到的问题及解决 如果把移动事件放在box上，那么当鼠标移动快的时候，鼠标会脱离盒子，导致盒子不跟着鼠标走。 解决：把移动事件放在document上，就能解决 如果把抬起事件放在box上
阅读全文
摘要：滚轮事件： 滚屏事件： onscroll 滚轮事件： onmousewheel IE | Chrome 通过 ev.wheelDelta 能够知道当前滚轮的方向： 上滚 是正数 下滚 是负数 DOMMouseScroll FF用的，必须用 addEventListener 来绑定 通过 ev.det
阅读全文
摘要：键盘事件： 当按键的时候触发的事件，所有的按键只认一次，如果有2次，那么第二次会把第一次给覆盖。所以说如果一般要使用组合键，那么得使用特殊按键。 特殊按键：（值为布尔值，按这就为 true，没按着就是false，默认false） ctrlKey / shiftKey / altKey onkeydo
阅读全文
摘要：事件： 用户在浏览器操作的时候，在某种条件成立时而触发（事件、事务）的一种交互行为 每个元素自身就有事件，只不过默认为null，当某个事件绑定了一个函数之后，用户在操作浏览器的时候，触发了这个事件，那么就执行事件函数。 用户操作浏览器的时候会触发很多的事件，只有绑定了事件函数的事件才会对用户有响应，
阅读全文
摘要：动态操作 DOM 获取（标签）元素 （在css中叫标签，在js中叫元素） 用 document.getElen....../ children......等，来获取的元素是动态的数组，可以用 Array.from() 包一下变成静态的。或者直接用 querySelec...... 来获取。 1 /*
阅读全文
摘要：DOM 相关 DOM 全称是 Document Object Model，也就是文档对象模型。DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树
阅读全文
浙公网安备 33010602011771号