禁用文本拖放
现代浏览器有一个共同特征，用户可以选择一些文本并将其拖动到输入字段。在同一个字段中，它会导致文本的移动，它在复制的不同字段之间。
如何禁用？如果没有便携式的方式，我最感兴趣的是Firefox。这是一个Intranet webapp，所以我也有兴趣修改浏览器/获取一个插件来做到这一点。可能有些系统级别的设置（Windows XP中的我）？
There is a common feature of modern browsers where a user can select some text and drag it to an input field. Within the same field it causes moving of text, between different fields it does copying. How do I disable that? If there is no portable way, I am mostly interested in firefox. This is an intranet webapp, so I am also interested in modifying the browser/getting a plugin to do this. Maybe some system-level settings (I`m on windows XP)?
我需要保留默认的选择复制粘贴功能。
I need to keep the default select-copy-paste functionality.
背景是我有多个字段数据输入表单，用户经常拖动某些东西。
The background is I have multiple-field data entry forms, and users often drag something by mistake.
此代码将适用于所有版本的Mozilla和IE。
This code will work in all versions of Mozilla and 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);
}
}