如何使div无法选择? [英] How can I make a div unselectable?

问题描述

我想使特定div的无法选择的Double-clicks等被阻止.

I would like to make specific div's unselectable Double-clicks, etc. should be blocked.

这是我尝试的方法:

<div id="test" class="unselectable">asd</div>

$(document).ready(function() {
    $.ctrl = function(key, callback, args) {
        var isCtrl = false;
        $(document).keydown(function(e) {
            if (!args) args = []; // IE barks when args is null
            if (e.ctrlKey) isCtrl = true;
            if (e.keyCode == key.charCodeAt(65) && isCtrl) {
                callback.apply(this, args);
                return false;
            }
        }).keyup(function(e) {
            if (e.ctrlKey) isCtrl = false;
        });
    };

    //Other Method
    $(function() {
        $(document).keydown(function(objEvent) {
            if (objEvent.ctrlKey) {
                if (objEvent.keyCode == 65) {
                    objEvent.disableTextSelect();
                    return false;
                }
            }
        });
    });  
});​

但令我感到恼火的是，这没有用.我该如何修改代码以实现自己的目标?

But I find, to my chagrin, that this fails to work. How might I modify my code to achieve my objective?

推荐答案

您不需要为此使用Javascript(参考答案).这样做:

You don't need Javascript for this (reference answer). Do this:

div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

这篇关于如何使div无法选择?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！