3

私はインターネット全体を見てきましたが、うまくいくものは何も見つかりませんでした。

背景画像付きの div のように、画像を選択しないようにしたい ( <div style = "background-image : 'moo.png';"> </div>)

機能のためにイメージ マップが必要なため、背景イメージを使用できません。

私のコードは次のようになります。

css、

.filmmakers #map {

-moz-user-select : -moz-none;
-khtml-user-select : none;
-webkit-user-select : none;
-ms-user-select : none;
-o-user-select : none;
user-select : none;

}

.filmmakers #map::selection {

   color : rgba(0, 0, 0, 0);

}

html、

<img id = "map" src = "WorldMap.png" alt = "Map" unselectable = "on" style = "left : 0px; top : 0px;" />

ジャバスクリプト、

var map = document.getElementById('map');

makeUnselectable(map);

function makeUnselectable(node) {

if (node.nodeType == 1) {

   node.setAttribute("unselectable", "on");

}

   var child = node.firstChild;

while (child) {

   makeUnselectable(child);
   child = child.nextSibling;

}

}

ご覧のとおり、まだドラッグ アイコンが表示され、マップの機能が乱れています。

https://dl.dropbox.com/u/107533178/CampusRoyal/Filmmakers.html

私の投稿を読んでくれてありがとう。

乾杯！

ミトス

4

2 に答える 2

11

必要なもの：

window.ondragstart = function() { return false; }

jQueryを使用している場合

$("img").mousedown(function(){
    return false;
});
于 2012-11-21T13:13:35.510 に答える
-1

ここで答えてください：https://stackoverflow.com/a/11135622/1722914

この css を使用します。

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
于 2012-11-21T13:25:12.587 に答える