JS 创建蓝色可点击 Remove 标签,鼠标悬停变样式
可以使用以下代码实现:
<label id='remove-label' style='color: blue; cursor: pointer;'>Remove</label>
document.getElementById('remove-label').addEventListener('mouseover', function() {
this.style.textDecoration = 'underline';
});
document.getElementById('remove-label').addEventListener('mouseout', function() {
this.style.textDecoration = 'none';
});
document.getElementById('remove-label').addEventListener('click', REMOVE_EFFECT);
其中,REMOVE_EFFECT是一个函数,可以根据需要自行定义。这段代码会给id为'remove-label'的label元素添加鼠标移入、移出和点击事件,使其在鼠标移入时下划线,移出时取消下划线,并在点击时触发REMOVE_EFFECT函数。
原文地址: https://www.cveoy.top/t/topic/luEK 著作权归作者所有。请勿转载和采集!