用户拖动时更改元素的背景

Question

当用户选择它并开始拖动时，如何在拖动元素上应用某些css属性，当拖动模式中的元素我想要更改它的文本颜色和背景时。

Answer 1

您可以使用:active伪类。

＆＃13;

＆＃13;

[draggable="true"] {
  color: #ccc;
  background-color: #666;
}

[draggable="true"]:active {
  color: #0f0;
  background-color: #f00;
}

＆＃13;

<div draggable="true">
  some text in a div for coloring demonstration.
</div>

＆＃13;

＆＃13;

＆＃13;

我只测试过最新版本的Chrome，所以YMMV。

Answer 2

1）确定拖动开始的时间。如果您使用自己的库，则可能会添加事件侦听器mousedown。

2）确定拖动结束的时间。这也是您添加事件监听器mouseup的地方。

现在你所要做的就是：

• 拖动开始时添加课程

• 拖动结束时删除课程

jQuery有简单的API，可以让你这样做：

$('.your-element-class-name').addClass('.your-background-class');

如果您使用的是其他人的图书馆，请在此处分享图书馆的名称。但是，你仍然需要做同样的事情。拖动开始时添加类，结束时删除。可能会有一个API。