javascript - Web アプリケーションでデフォルトのテキスト選択を無効にする

Question

グリッドビューでシフトキーを押して一連の行を選択すると、デフォルトのテキスト選択 (濃い青) がカスタムの行選択色と混ざります。

Web アプリケーションでデフォルトのテキスト選択を無効にする方法。

Answer 1

これは、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;
});

Answer 2

あなたのテキストが選択されるということですか？

選択中にテキスト選択を無効にする必要があります。その方法については、こちらをご覧ください。

Answer 3

ブラウザの選択は、どこかをクリックしてからShift +マウスダウンすると発生するため、2回目のマウスダウンをキャンセルする必要があります。これを行うには、追加する必要があります

return false;

onmousedownイベントハンドラーに。