实现鼠标框选两个 div HTML
可以使用JavaScript的 mouseDown, mouseMove 和 mouseUp 事件来实现鼠标框选两个 div HTML:
1. 在页面上绑定一个 mouseDown 事件处理器,在这里记录框选开始的位置。
2. 绑定一个 mouseMove 事件处理器,当用户在框选过程中不断移动时,此处理器将会被不断触发。此时根据用户当前位置及之前记录的开始位置创建一个div元素作为遮盖层(要显得有一些“半透明”效果才好看)。
3. 最后再绑定一个mouseUp事件处理器来相应鼠标释放时间,在这里可以判断出由开始位置到最后释放的位置之间包含了几个div元素并添加对应的样式效果。
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。