DOM的利用冒泡做的一个小程序

首页 > 代码库 > DOM的利用冒泡做的一个小程序

DOM的利用冒泡做的一个小程序

2024-09-11 02:09:00 217人阅读

我们都知道DOM的事件流，有冒泡事件，如何有效的利用冒泡？

优化：应该尽量少的添加事件监听；
原理：
每添加一个事件监听事件，就会在浏览器中添加一个EventListener，如果数量过多，浏览器只能一个个遍历事件监听事件，添加监听的越多，遍历的速度越慢。
如何利用冒泡？如果多个子元素都要绑定相同的事件，只要在父元素上绑定一次，所有子元素即可共用。
难题：1.获得目标元素：e.target
2.

 1 <body>
 2         <div id="keys">
 3             <button>1</button>
 4             <button>2</button>
 5             <button>3</button>
 6             <button>4</button><br>
 7             <button>C</button>
 8             <button>+</button>
 9             <button>-</button>
10             <button>=</button>
11         </div>
12         <textarea id="sc" style="resize:none;width:200px; height:50px;" readonly></textarea>