DOM
约 1 分钟阅读
- Document Object Model
- 参考
| | / \
---------------| |----------------- ---------------| |-----------------
| element1 | | | | element1 | | |
| -----------| |----------- | | -----------| |----------- |
| |element2 \ / | | | |element2 | | | |
| ------------------------- | | ------------------------- |
| Event CAPTURING | | Event BUBBLING |
----------------------------------- -----------------------------------e.preventDefault();
e.stopPropagation();
e.nativeEvent.stopImmediatePropagation(); // React
// CAPTURING event
button.addEventListener('click', handleClick, true);
// BUBBLING events
button.addEventListener('click', handleClick, false);
button.addEventListener('click', handleClick);- e.defaultPrevented
- reactjs.org/docs/events.html
img
- loading
- eager
- lazy
- crossorigin
- anonymous
- use-credentials
关联信息
反向链接、本文链接的其他页面和外部资料。
参考资料
其他外链3 条
- developer.mozilla.org/en-US/docs/Web/API/Document_Object_Modeldeveloper.mozilla.org/en-US/docs/Web/API/Document_Object_Model
- dom.spec.whatwg.orgdom.spec.whatwg.org/
- reactjs.org/docs/events.htmlreactjs.org/docs/events.html