相关疑难解决方法(0)

可能重复:
css规则禁用文本选择突出显示
双击后阻止文本选择

即使我的事件正确地排除默认操作,单击文本然后按住Shift键单击其他文本也会导致选择.在这种情况下,这是不合需要的行为,因为我使用Shift-click来多选这些元素.

我需要做些什么才能在这里专门禁用选择吗？

编辑:在这里找到我自己的问题的解决方案.抱歉浪费了人们的时间.

我有一个图像被黑客攻击中为背景图像(如所示在这里).我注意到,如果我将鼠标拖过它,它会选择图像,以便不能取消选择.我尝试了以下代码无济于事:

    <style type="text/css">
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        img#bg {
            position:fixed;
            top:0;
            left:0;
            width:100%;
            height:100%;
        }
        #content {
            position:relative;
            z-index:1;
            top:0px;
            left:0px;
        }
        *.unselectable {
            -moz-user-select: -moz-none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
    </style>

有任何想法吗？

我有以下CSS:

    * {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

除了在IE中,这适用于每个浏览器,为什么会这样？文本的选择看起来很难看,因为我的菜单是从文本和CSS创建的......任何想法？

此问题禁用文本选择突出显示的CSS规则显示了如何防止元素上的文本选择.一旦阻止了选择,那么如何允许选择特定的子元素？例如

<div class="no-select">
    <p>some text that cannot be selected</p>
    <p class="select">some text that can be selected</p>
    <p>some text that cannot be selected</p>
</div>

table.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

td.select {
    -webkit-touch-callout: all !important;
    -webkit-user-select: all !important;
    -khtml-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
}

.no-select上面的规则有效,但我对.select规则的尝试却没有,这样做的正确方法是什么？

我正在尝试使用JavaScript开发打字速度竞赛.人们应该把他们从div看到的所有单词写成textarea.

为了防止作弊(比如从div复制单词),一种方法是只在键盘按键关闭时检查写入的单词,但我想知道是否有办法阻止用户在浏览器中复制文本？

到目前为止我尝试了什么:

1. 禁用右键单击(在移动浏览器上无效)
2. 在所有页面中使用onmousedown事件显示警报(它也不起作用)

使用任何库都可以.

我一直试图申请user-selectOpera 10.62和IE9但没有成功.我不能/不会用JavaScript绑定事件preventDefault(),因为有很多地方要设置不可选,我仍然需要在几个地方保留选择.实际上,我希望整个文档的默认行为是不可选择的,至于我在样式表中设置了以下内容:

* {
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Firefox 4,Chrome 7和Safari 5的一切都运行良好.只有IE9和Opera 10.62无法正常工作.有任何想法吗？

PS:我的目标是现代浏览器.

我的网页上有一个表格,上面有复选框.我有jquery代码,允许我转换点击检查多行进行编辑/删除.但是,当我移动单击以选择范围时,范围内的所有文本都会突出显示.

有没有办法使用jquery或css来阻止文本突出显示？

- 编辑 -

    HTML code
...
<tbody>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>
      <div class="cam_ip">192.168.200.78</div>
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>
      <div class="cam_ip">192.168.200.250</div>
    </td>
  </tr>
</tbody>

可以有x行数.当我单击一行时,jquery工作,该行被标记为锚点,然后当我移动点击另一行时,它被标记为锚定范围,然后调用一个函数,该函数将循环遍历范围内的每一行并进行检查.使用的副作用e.shiftClick();是该范围内的所有文本都会突出显示.我需要阻止这种副作用.

我试图让它如此确定HTML页面上的某些文本和图像无法用光标突出显示,因此它看起来好像是背景的一部分.

我在一些网站上看到你可以使用"data"关键字在CSS中包含图像:

.stuff {
  background: transparent url(data:image/gif;base64,SOMEWEIRDCODEHERE) repeat center top;
}

奇怪的代码看起来像base64 ecoded字符串,如:

R0lGODlhMwAxAIAAAAAAAP /// yH5BAAAAAAALAAAAAAzADEAAAK8jI + pBr0PowytzotTtbm/DTqQ6C3hGX ElcraA9jIr66ozVpM3nseUvYP1UEHF0FUUHkNJxhLZfEJNvol06tzwrgd LbXsFZYmSMPnHLB + zNJFbq15 + SOf50 + 6rG7lKOjwV1ibGdhHYRVYVJ9Wn k2HWtLdIWMSH9lfyODZoZTb4xdnpxQSEF9oyOWIqp6gaI9pI1Qo7BijbF ZkoaAtEeiiLeKn72xM7vMZofJy8zJys2UxsCT3kO229LH1tXAAAOw ==

看起来很酷:D

我想知道如何才能包含像这样的透明1x1像素GIF？有谁知道这样的图像的数据代码？

为小型和非常常见的图像做这个是一个好主意吗？所有浏览器都支持这个吗？

我一直相信(虽然我现在怀疑这些信念的有效性):

div.name

速度比:

.name

但是我最近读到大多数CSS选择器引擎从右到左读取,在这种情况下第一个例子实际上不会更慢？因为选择器引擎会简单地找到每个具有一个名称类的元素,然后必须识别哪些是divs？

CSS选择器引擎通常以哪种方式读取？从左到右还是从右到左？如果他们一般从右到左阅读,有人可以请我解释为什么(我看不出在选择引擎方面从右到左阅读是否有意义)？