禁用 Web 应用程序中的默认文本选择

发布于 2024-09-11 14:18:32 字数 95 浏览 6 评论 0原文

当我通过在 gridview 中按 Shift 键选择一堆行时，默认文本选择（深蓝色）与我的自定义行选择颜色混合。

如何禁用 Web 应用程序中的默认文本选择。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

扭转时空 2024-09-18 14:18:32

这对我来说可以在 FF 和 IE 中禁用“选择”：

// jQuery Solution
$(document).mousedown(function (e)
{
   return false;
});

$(document).bind("selectstart", function (e)
{
   return false;
});

如果您不使用 jQuery，这里是简单的 javascript 解决方案。

// Vanilla Javascript Solution
function attachEvent(element, eventName, handler)
{
    if(element.addEventListener)
    {
        element.addEventListener(eventName, handler, false);
    }
    else
    {
        element.attachEvent("on" + eventName, handler);
    }
}

attachEvent(document, "mousedown", function (e)
{
  if(window.addEventListener)
  {
     e.preventDefault();
  }
  return false;
});

attachEvent(document, "selectstart", function (e)
{
  return false;
});

This works for me to disable "selection" in both FF and IE:

// jQuery Solution
$(document).mousedown(function (e)
{
   return false;
});

$(document).bind("selectstart", function (e)
{
   return false;
});

If you're not using jQuery, here's the plain javascript solution.

// Vanilla Javascript Solution
function attachEvent(element, eventName, handler)
{
    if(element.addEventListener)
    {
        element.addEventListener(eventName, handler, false);
    }
    else
    {
        element.attachEvent("on" + eventName, handler);
    }
}

attachEvent(document, "mousedown", function (e)
{
  if(window.addEventListener)
  {
     e.preventDefault();
  }
  return false;
});

attachEvent(document, "selectstart", function (e)
{
  return false;
});

回复收藏 0 原文

无边思念无边月 2024-09-18 14:18:32

当您单击某处，然后在其他地方按住 Shift+鼠标按下时，会发生浏览器选择，因此您需要取消第二次鼠标按下。为此，您需要添加

return false;

到 onmousedown 事件处理程序中。

Browser select happens when you click somewhere and then shift+mousedown somewhere else, so you need to cancel the second mousedown. To do this, you need to add