man*_*iek 16 html drag-and-drop
现代浏览器有一个共同特征,用户可以选择一些文本并将其拖动到输入字段.在同一个字段中,它会导致文本移动,在复制的不同字段之间移动.我如何禁用它？如果没有便携方式,我最感兴趣的是firefox.这是一个Intranet webapp,所以我也有兴趣修改浏览器/获取插件来执行此操作.也许一些系统级设置(我在Windows XP上)？
我需要保留默认的选择 - 复制 - 粘贴功能.
背景是我有多字段数据输入表单,用户经常误删东西.
man*_*iek 21
出于档案目的:
<body ondragstart="return false" draggable="false"
ondragenter="event.dataTransfer.dropEffect='none'; event.stopPropagation(); event.preventDefault();"
ondragover="event.dataTransfer.dropEffect='none';event.stopPropagation(); event.preventDefault();"
ondrop="event.dataTransfer.dropEffect='none';event.stopPropagation(); event.preventDefault();"
>
做我想要的.您也可以将ondrag*处理程序添加到表单元素中,例如<input ondragenter = ...>
参考网址:https://developer.mozilla.org/En/DragDrop/Drag_Operations
这件事有效.....试试吧.
<BODY ondragstart="return false;" ondrop="return false;">
希望能帮助到你.谢谢
该代码将在Mozilla和IE的所有版本中均可使用。
function preventDrag(event)
{
if(event.type=='dragenter' || event.type=='dragover' || //if drag over event -- allows for drop event to be captured, in case default for this is to not allow drag over target
event.type=='drop') //prevent text dragging -- IE and new Mozilla (like Firefox 3.5+)
{
if(event.stopPropagation) //(Mozilla)
{
event.preventDefault();
event.stopPropagation(); //prevent drag operation from bubbling up and causing text to be modified on old Mozilla (before Firefox 3.5, which doesn't have drop event -- this avoids having to capture old dragdrop event)
}
return false; //(IE)
}
}
//attach event listeners after page has loaded
window.onload=function()
{
var myTextInput = document.getElementById('textInput'); //target any DOM element here
if(myTextInput.addEventListener) //(Mozilla)
{
myTextInput.addEventListener('dragenter', handleEvents, true); //precursor for drop event
myTextInput.addEventListener('dragover', handleEvents, true); //precursor for drop event
myTextInput.addEventListener('drop', preventDrag, true);
}
else if (myTextInput.attachEvent) //(IE)
{
myTextInput.attachEvent('ondragenter', preventDrag);
myTextInput.attachEvent('ondragover', preventDrag);
myTextInput.attachEvent('ondrop', preventDrag);
}
}