在JavaScript中添加疊加

-2

我正在使用jsplumb創建流式聊天。一旦流程圖創建完成並由用戶確認，我想讓創建的結構不可編輯。爲此，已過度添加到包含流程圖的父級，但鼠標點擊仍在流程圖上發生。在JavaScript中添加疊加

如何 - 在添加疊加層後，不允許在這些組件上發生鼠標點擊。

謝謝

2012-12-07 Nagendar Reddy

這是沒有足夠的信息來回答你的問題。我建議提供一個工作[jsfiddle]（http://jsfiddle.net） –

首先，我會讓你的覆蓋層變成一個明亮的顏色，這樣你就可以確定它在正確的位置。確保z-index足夠高，以便它出現在前面，然後嘗試附加一個單擊事件處理程序，它調用'event.stopPropagation（）'的javascript等價物。 – NibblyPig

添加處理，以燕子所有點擊活動覆蓋：

document.getElementById('yourOverlayID').onclick = function() { 
    return false; 
};

請記住，任何人都可以簡單地通過控制檯中刪除該覆蓋，並繼續修改圖表，如果他們的願望。您可能需要查看jsplump API來獲取相關信息，例如unbind()。

來源

2012-12-07 13:33:44 jbabey

感謝您的信息。我也想禁用鼠標拖動，以便用戶不會拖動連接器並連接到另一個端點 –

一旦用戶確認他已完成編輯，我正在執行下面的代碼（文檔的類似代碼.onmousedown，document.onmouseup，document.onmousedrag），但疊加層後面的組件仍然在接收鼠標事件。（）{ document.onmouseup = null; 返回false; }' 我錯過了什麼嗎？ –

@NagendarReddy不是疊加層，像這樣的新插件很可能不會將任何事件綁定到「文檔」，也不以這種方式綁定它們。 – jbabey

在JavaScript中添加疊加

回答

相關問題