//事件冒泡:因为冒泡机制,点击td元素的时候冒泡到父元素table,而table绑定了事件,触发了函数,就影响到了td元素
//冒泡不是从子元素往父元素冒泡么 怎么给父元素绑定click 子元素有行为?这结果不正是事件冒泡机制的最终目的么~当一个父元素下的多个子元素要表现出相同的效果的时候,利用冒泡机制给父元素绑定事件,以后你只要点击子元素,都会冒泡到父元素,从而利用父元素绑定的事件~这样就不用给每个子元素都去进行绑定,减少了代码冗余呀~~
let table = document.querySelector("#list");
table.addEventListener('click', (event) => {
if(event.target.className==="click-enable"){//判断点击的td标签的class是否是click-enable
console.log(event.target.innerText,parseInt(event.target.innerText),fract(event.target.innerText));
}
})
function fract(num){//取小数
return num - parseInt(num);
}