我正在尝试在以下网站上进行拖放:https://demo.bpmn.io/new
为此,我正在使用以下javascript代码:
var dataTransfer=
{
dropEffect:'',
effectAllowed:'all',
files:[],
items:{},
types:[],
setData:function(format,data)
{
this.items[format]=data;
this.types.append(format);
},
getData:function(format)
{
return this.items[format];
},
clearData:function(format){}
};
var emit=function(event,target)
{
var evt=document.createEvent('Event');
evt.initEvent(event,true,false);
evt.dataTransfer=dataTransfer;
target.dispatchEvent(evt);
};
function getElementByXpath(path) {return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;};
var DragNDrop=function(src,tgt) {
src = getElementByXpath(src);
tgt = getElementByXpath(tgt);
emit('dragstart',src);
emit('dragenter',tgt);
emit('dragover',tgt);
//Errors start from here
emit('drop',tgt);
emit('dragend',src);
return true;
}
该代码应该正确,因为当我使用它在以下网站中执行拖放操作时,它可以工作:https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop
问题是,当我在bpmn示例(https://demo.bpmn.io/new)上使用它时,它不起作用。这是使用的命令及其相对错误:
命令:
DragNDrop('//*[@class="entry bpmn-icon-intermediate-event-none"]', '(//*[starts-with(@data-element-id,"Lane")])[1]');
错误:
TouchInteractionEvents.js:262未捕获的TypeError:无法在“文档”上执行“ elementFromPoint”:提供的双精度值是非限定的。
EventBus.js:377 TypeError:无法在“ SVGTransform”上执行“ setTranslate”:提供的浮点值是非限定的。
未捕获的TypeError:无法在“ SVGTransform”上执行“ setTranslate”:提供的浮点值是非限定的。