Javascript 如何使用鼠标拖动并选择项目来实现类似于此GIF的功能

Javascript 如何使用鼠标拖动并选择项目来实现类似于此GIF的功能,javascript,html,css,Javascript,Html,Css,这是我想要的功能,但我不知道如何实现它,也不知道我应该用谷歌搜索什么词,非常感谢 此库为您服务 这是使用JQuery提供的Selective()可以得到的最接近的结果。我提供了以下演示: $(函数(){ $(“#可选”).selective(); }); #反馈{ 字号:1.4em; } #可选。用户界面选择{ 背景#FECA40; } #可选择。用户界面已选择{ 背景:#F39814; 颜色:白色; } #可选的{ 保证金:0; 填充:0; 宽度:60%; 显示:内联; } #可选img{

这是我想要的功能,但我不知道如何实现它,也不知道我应该用谷歌搜索什么词,非常感谢


此库为您服务

这是使用JQuery提供的Selective()可以得到的最接近的结果。我提供了以下演示:

$(函数(){
$(“#可选”).selective();
});
#反馈{
字号:1.4em;
}
#可选。用户界面选择{
背景#FECA40;
}
#可选择。用户界面已选择{
背景:#F39814;
颜色:白色;
}
#可选的{
保证金:0;
填充:0;
宽度:60%;
显示:内联;
}
#可选img{
保证金:3倍;
填充:0.4em;
高度:50px;
}





你可以在谷歌上搜索“自由网络开发者”。我以前从来没有问过,但这次我真的需要知道这个功能的名称,或者告诉我它是如何工作的,我可以自己实现。我以前试过这个,但这不是我想要的。@HarshitDamani我想你的答案完全满足需求什么?我试过jQueryUI。天哪,这很简单,我不知道我怎么了,哈哈。这就是我想要的,谢谢you@AnandSiddharth我也这么认为,这就是问题中所提供内容的实现。@HarshitDamani实际上我需要在React中实现它,你给我一个很好的例子和想法,感谢againI以前实现过类似的东西,但它与我想要的不同