Javascript 如何停止拖放冒泡?
我到处找了,似乎找不到解决办法。我正在使用HTML5的本地拖放功能,这些功能工作得很好,直到我将一张卡拖到另一张卡上,它们结合在一起。我不想让它们合并,而是放在下一张牌下面 我想这与孩子有关,或者卡在可放下的包装内?但我似乎找不到其他方法。。。有什么帮助吗 代码笔在这里:Javascript 如何停止拖放冒泡?,javascript,drag-and-drop,draggable,Javascript,Drag And Drop,Draggable,我到处找了,似乎找不到解决办法。我正在使用HTML5的本地拖放功能,这些功能工作得很好,直到我将一张卡拖到另一张卡上,它们结合在一起。我不想让它们合并,而是放在下一张牌下面 我想这与孩子有关,或者卡在可放下的包装内?但我似乎找不到其他方法。。。有什么帮助吗 代码笔在这里: 思想 我的想法 Lorem ipsum dolor sit amet,奉献精英。劳丹蒂姆,自由女神!但是,最重要的是,我们的脸应该是自由的,因为我们的脸是共和国劳动人民的脸 我的想法2 Lorem ipsum dolor s
思想
我的想法
Lorem ipsum dolor sit amet,奉献精英。劳丹蒂姆,自由女神!但是,最重要的是,我们的脸应该是自由的,因为我们的脸是共和国劳动人民的脸
我的想法2
Lorem ipsum dolor sit amet,奉献精英。劳丹蒂姆,自由女神!但是,最重要的是,我们的脸应该是自由的,因为我们的脸是共和国劳动人民的脸
有前途
虚假承诺
Lorem ipsum dolor sit amet,奉献精英。不必要的行为是不可容忍的,必须承担责任。在杜西穆斯理性、阿利夸姆、乌兰、南努拉临时建筑事务所的官方广告
做
你有什么想法吗
Lorem ipsum dolor sit amet,奉献精英。Nisi和非dolor驱避剂是什么?除此之外,我们还有很多其他的方法,比如说,我的名字是hic,quia,rerum iusto alias
const card=document.queryselectoral('.wrap_uucard');
const columns=document.querySelectorAll('.wrap\uu col');
函数dragstart_处理程序(e){
e、 dataTransfer.setData('text/plain',e.target.id);
e、 dropEffect=“移动”;
}
函数dragover_处理器(e){
e、 预防默认值();
e、 停止传播();
e、 dataTransfer.dropEffect=“移动”;
}
函数丢弃处理程序(e){
e、 预防默认值();
var data=e.dataTransfer.getData(“text/plain”);
e、 target.appendChild(document.getElementById(数据));
}
万一有人来找我,我就想出来了。我将noAllowDrop功能添加到卡中,现在您不能在卡上拖动
<div id="card2" class="wrap__card" draggable="true" ondragstart="dragstart_handler(event);" ondragover="noAllowDrop(event)">
<h2>Dummy promise</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex necessitatibus nobis quasi odit, harum quis culpa. Ad blanditiis deleniti officia, at ducimus ratione, aliquam, ullam, architecto eum tempora nam nulla!</p>
</div>
function noAllowDrop(ev) {
ev.stopPropagation();
}
虚假承诺
Lorem ipsum dolor sit amet,奉献精英。不必要的行为是不可容忍的,必须承担责任。在杜西穆斯理性、阿利夸姆、乌兰、南努拉临时建筑事务所的官方广告
功能noAllowDrop(ev){
ev.stopPropagation();
}
<div id="card2" class="wrap__card" draggable="true" ondragstart="dragstart_handler(event);" ondragover="noAllowDrop(event)">
<h2>Dummy promise</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex necessitatibus nobis quasi odit, harum quis culpa. Ad blanditiis deleniti officia, at ducimus ratione, aliquam, ullam, architecto eum tempora nam nulla!</p>
</div>
function noAllowDrop(ev) {
ev.stopPropagation();
}