鼠标移入事件 mouseenter 跟鼠标移出事件 mouseleave 配合使用
它只针对注册元素生效,对子元素不会生效
下面是代码:
let btn1 = document.getElementById('commit');
**//移入:**
btn1.addEventListener('mouseenter', () => {
btn1.style.background = '#5160ED'
btn1.style.color = 'white'
});
**//移出:**
btn1.addEventListener('mouseleave', () => {
btn1.style.background = 'white'
btn1.style.color = 'black'
});