Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何停止拖放冒泡?_Javascript_Drag And Drop_Draggable - Fatal编程技术网

Javascript 如何停止拖放冒泡?

Javascript 如何停止拖放冒泡?,javascript,drag-and-drop,draggable,Javascript,Drag And Drop,Draggable,我到处找了,似乎找不到解决办法。我正在使用HTML5的本地拖放功能,这些功能工作得很好,直到我将一张卡拖到另一张卡上,它们结合在一起。我不想让它们合并,而是放在下一张牌下面 我想这与孩子有关,或者卡在可放下的包装内?但我似乎找不到其他方法。。。有什么帮助吗 代码笔在这里: 思想 我的想法 Lorem ipsum dolor sit amet,奉献精英。劳丹蒂姆,自由女神!但是,最重要的是,我们的脸应该是自由的,因为我们的脸是共和国劳动人民的脸 我的想法2 Lorem ipsum dolor s

我到处找了,似乎找不到解决办法。我正在使用HTML5的本地拖放功能,这些功能工作得很好,直到我将一张卡拖到另一张卡上,它们结合在一起。我不想让它们合并,而是放在下一张牌下面

我想这与孩子有关,或者卡在可放下的包装内?但我似乎找不到其他方法。。。有什么帮助吗

代码笔在这里:


思想
我的想法
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();
}