相关疑难解决方法(0)

可能重复:
禁用文本选择突出显示的CSS规则

我正在制作一个包含多个页面的HTML/CSS/jQuery库.

我确实有一个"下一步"按钮,这是一个与jQuery点击监听器的简单链接.

问题是,如果用户多次单击该按钮,则选择该按钮的文本,然后选择整行文本.在我真正的黑暗设计中,这真的是丑陋而荒谬的.

所以这是我的问题:您可以禁用HTML上的文本选择吗？如果没有,我会非常怀念flash及其在文本字段上的高级配置......

我页面的标题有一些居中的文字,但我不希望用户能够选择它.有没有办法用CSS做到这一点？

我想在我的网页上添加文字作为标签并使其无法选择.

换句话说,当鼠标光标在文本上方时,我希望它根本不会变成文本选择光标.

我想要实现的一个很好的例子就是这个网站上的按钮(问题,标签,用户......)

我正在构建一个包含一些文本元素的HTML UI,例如选项卡名称,这些元素在选中时看起来很糟糕.不幸的是,用户很容易双击选项卡名称,默认情况下会在许多浏览器中选择它.

我或许可以通过JavaScript技巧来解决这个问题(我也希望看到这些答案) - 但我真的希望CSS/HTML中的某些东西直接适用于所有浏览器.

我正在开发一个Web应用程序,我正在尝试实现一个功能齐全的窗口系统.现在它进展顺利,我只遇到一个小问题.有时当我去拖动我的应用程序的一部分(通常是我的窗口的角落div,它应该触发调整大小操作)时,Web浏览器变得聪明并认为我的意思是拖放一些东西.最终结果,我的操作被搁置,而浏览器执行拖放操作.

是否有一种简单的方法来禁用浏览器的拖放？理想情况下,我希望能够在用户点击某些元素时关闭它,但重新启用它,以便用户仍然可以在我的窗口内容上使用浏览器的常规功能.我正在使用jQuery,虽然我无法找到它浏览文档,但如果你知道一个纯粹的jQuery解决方案,那就太棒了.

简而言之:我需要在用户按下鼠标按钮时禁用浏览器文本选择和拖放功能,并在用户释放鼠标时恢复该功能.

目前,我已将其放在body标签中以禁用文本选择:

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

但是,我input和textarea盒子现在无法选择.我怎样才能使这些输入元素可选择,其余部分不可选？

我做了一个分页控件,我注意到点击按钮时很容易意外地选择单个图像和文本.有可能阻止这种情况吗？

澄清选择我的意思是用鼠标突出显示.(尝试将鼠标从屏幕的一侧拖到另一侧.)

如果您尝试突出显示此网格中的文本/控件,则无法选择它.怎么做的？ 链接

我正在使用javascript来禁用我的网站上的文本选择.

代码是:

<script type="text/JavaScript">

function disableselect(e) {
  return false
}

function reEnable() {
  return true
}

document.onselectstart = new Function ("return false")

if (window.sidebar) {
  document.onmousedown = disableselect
  document.onclick = reEnable
}
</script>

类似的脚本可以在这里找到:http://rainbow.arch.scriptmania.com/scripts/no_right_click.html

在我的本地主机上:所有浏览器(Firefox,Chrome,IE和Safari)运行良好.

在我的Live网站上:除了Firefox之外一切正常.

我的问题是:

1. 有没有人建议为什么Firefox对于实时站点和本地主机的行为不同.注意:Javascript已启用.

2. 也许我的脚本过于简单,所以我尝试了以下完全相同的结果:http://freeware.ke-zo.com/CODES/DisableRC.txt

这是我更新和修改过的脚本,它完全可以工作,除了我想要普及它...观察****我怎么能这样做,这样我function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e);每次都不需要使用可拖动功能对于不同的元素？

window.onload = addListeners;

var BOX = function(){
  return{
    Draggable: function(){}
  };
}();

function addListeners(){
  document.getElementById('div').addEventListener('contextmenu', menumove, false);
  **document.getElementById('div').addEventListener('mousedown', function(e){BOX.Draggable.elemen = e.target || e.srcElement; elementDraggable(e);}, false);**
}

function elementDraggable(e){
  var e = e || window.event;
  var div = BOX.Draggable.elemen;
  BOX.Draggable.innerX = e.clientX + window.pageXOffset - div.offsetLeft;
  BOX.Draggable.innerY = e.clientY + window.pageYOffset - div.offsetTop;

  window.addEventListener('mousemove', elementMove, false);
  window.addEventListener('mouseup', function(){
    window.removeEventListener('mousemove', elementMove, false);
    }, true);

  function elementMove(e){
    div.style.position = 'absolute';
    div.style.left = e.clientX + window.pageXOffset …

我有一张桌子,我允许用户"选择"多行.这都是使用jQuery事件和一些CSS来处理,以直观地指示行被"选中".当用户按下shift时,可以选择多行.有时这会导致文本突出显示.反正有没有阻止这个？