这篇博客提供了一道DOM编程练习，要求通过鼠标事件改变带滚动条文本框的字体颜色，并在滚动时更新空白文本框的内容。练习包括选取元素、绑定拖动、鼠标移动和离开事件，实现特定的交互效果。
3-19 编程练习
小伙伴们，今天我们学习了鼠标事件，根据gif图，补充代码，实现下列功能：
（1） 当鼠标在带滚动条的文本框上滑动时，字体颜色变成红色
（2） 当鼠标移出带滚动条的文本框时，字体颜色变成绿色
（3） 当鼠标移动文本框的滚动条时，空白的文本框出现文本“内容滚动了”
任务
第一步：通过id选取元素的方式获得这两个文本框
Tips：带滚动条的文本框和空白文本框
第二步：给带滚动条的文本框绑定事件
（1） 绑定拖动滚动条时触发的事件，当滚动条被拖动时，空白文本框出现文本“内容滚动了”
（2） 绑定鼠标移动时触发的事件，当鼠标在带滚动条的文本框上移动时，带滚动条的文本框字体颜色变为红色
（3）绑定鼠标离开时触发的事件，当鼠标在离开带滚动条的文本框时，带滚动条的文本框字体颜色变为绿色
参考答案：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8&#
最低0.47元/天 解锁文章
369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
