2017-03-06 69 views
-3

我想在輸入文本時獲得contiveEditable div中的活動div id。提供解決方案。如何使用Jquery和JavaScript在contentEditable div中獲得活動的div id

+2

您能否提供[最小,完整和可驗證的示例](http://stackoverflow.com/help/mcve)。 –

+1

綁定關鍵事件並使用'this'來獲取它的id。 – Jai

+0

如果我在contntEditable div中有10個div。如果我在第三個div中輸入文本的方式,我需要獲得第三個div id。從那我需要應用css樣式 – Nai

回答

0

您可以通過使用JQuery得到目標元素的id

$('div').on('click', function(e){ 
    alert(e.target.id);  
}); 

但是您更感興趣的是改變目標的CSS那麼就沒有必要得到id。你可以這樣做:

$('div').on('click', function(){ 
     $(this).css("background-color", "yellow"); 
}); 

編輯:

是的,你可以使用mouseover event

$('div').mouseover(function(e){ 
    alert(e.target.id);  
}); 
+0

我需要沒有點擊事件,有一個在內容可編輯Div中向上移動或鼠標移動的可能性。 – Nai

+0

箭頭向上和向下向下鍵我們有任何事件? – Nai

+0

是的,這些也有事件。事件清單https://www.w3schools.com/jquery/jquery_ref_events.asp如果這是你在找什麼,那麼請接受答案 –