Javascript 在JSFIDLE上拖放w3.org第一个示例

Javascript 在JSFIDLE上拖放w3.org第一个示例,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,您好,我从w3.org复制了关于拖放的示例 你喜欢什么水果 苹果 橘子 梨 var internalDNDType='text/x-example';//将此设置为特定于站点的内容 函数dragStartHandler(事件){ if(event.target instanceof htmlilement){ //使用元素的data value=”“属性作为要移动的值: event.dataTransfer.setData(internalDNDType,event.target.datase

您好,我从w3.org复制了关于拖放的示例

你喜欢什么水果

苹果 橘子 梨 var internalDNDType='text/x-example';//将此设置为特定于站点的内容 函数dragStartHandler(事件){ if(event.target instanceof htmlilement){ //使用元素的data value=”“属性作为要移动的值: event.dataTransfer.setData(internalDNDType,event.target.dataset.value); event.dataTransfer.effectAllowed='move';//仅允许移动 }否则{ event.preventDefault();//不允许拖动所选内容 } } 它似乎对我的JSFIDLE不起作用


有人可以给我指出这个问题。我对编程非常陌生,因此任何帮助都会受到感激。

您遇到的问题是,您将javascript代码放在窗口
onload
中(此外,您的小提琴也设置为将其
onload
)。这样,该函数只存在于onload函数中,在全局范围内不可访问。如果您移除此项(并将小提琴设置为nowrap),它将工作:

但是,如果没有示例中的其他代码,就没有什么可看的了

// MUST BE IN THE GLOBAL SCOPE
var internalDNDType = 'text/javascript'; // set this to something specific to your site
 function dragStartHandler(event) {
     /* ... */
 }

你能解释一下什么不起作用吗?你希望它做什么而它不做什么?我想从列表中拖出一些东西,这不是列表的内容吗?
// MUST BE IN THE GLOBAL SCOPE
var internalDNDType = 'text/javascript'; // set this to something specific to your site
 function dragStartHandler(event) {
     /* ... */
 }