禁用錨鏈接點擊+在HTML頁面拖動/滑動裏面鏈接的容器

Question

我想禁用點擊並拖動鏈接

。當您按下鼠標左鍵點擊在一個鏈接網頁，然後拖動這一個，你可以移動鏈接，並通過例子打開一個新的標籤。我想在我的頁面上禁用此功能，javascript或css。

在網站500像素，他們禁止它：

http://500px.com/photo/31922503

例如在這張照片中，你可以點擊鏈接（照片），但它無法拖動鏈接。避免拖放圖片也很好。

因此，如果我禁用鏈接，我需要不禁用容器。

我禁用鏈接他們停止的dragstart（感謝 「KevinIsNowOnline」）：

$('div#multislides').on('dragstart', 'a', function() { 
    return false; 
}); 

但是，我需要拖動/刷卡容器！所以我正在尋找一個解決方案來做到這一點。

沒有聯繫，工作原理： http://jsfiddle.net/Ff3Ts/

的鏈接，不工作： http://jsfiddle.net/Mfmfz/

中的實例，您可以拖動/刷卡容器時有沒有聯繫，但它不是使用鏈接。

有什麼想法？

謝謝。

Answer 1

嗨我檢查了您發佈的網站是否能夠觀察到您想實現的目標。

請參見下面的代碼：

document.getElementById('notClickable').ondragstart = function() { return false; }; 
//upon start of drag of the selected image, it immediately returns false, or cancels the event. 

看看這個jsFiddle Link以獲取更多信息。