禁用文本拖放 [英] disable text drag and drop

问题描述

现代浏览器有一个共同特征，用户可以选择一些文本并将其拖动到输入字段。在同一个字段中，它会导致文本的移动，它在复制的不同字段之间。
如何禁用？如果没有便携式的方式，我最感兴趣的是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);
 }
}

这篇关于禁用文本拖放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！