现代浏览器有一个共同特征,用户可以选择一些文本并将其拖动到输入字段.在同一个字段中,它会导致文本的移动,它在复制的不同字段之间.
如何禁用？如果没有便携式的方式,我最感兴趣的是Firefox.这是一个Intranet webapp,所以我也有兴趣修改浏览器/获取一个插件来做到这一点.也许一些系统级设置(我在 Windows XP上)？
如何禁用？如果没有便携式的方式,我最感兴趣的是Firefox.这是一个Intranet webapp,所以我也有兴趣修改浏览器/获取一个插件来做到这一点.也许一些系统级设置(我在 Windows XP上)？
我需要保留默认的选择复制粘贴功能.
背景是我有多场数据输入表单,用户经常拖动某些东西.
解决方法
该代码将适用于所有版本的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',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);
}
}
