如何使用Jquery和JavaScript在contentEditable div中获得活动的div id

问题描述：

我想在输入文本时获得contiveEditable div中的活动div id。提供解决方案。如何使用Jquery和JavaScript在contentEditable div中获得活动的div id

您能否提供[最小，完整和可验证的示例]（http://stackoverflow.com/help/mcve）。 –

绑定关键事件并使用'this'来获取它的id。 – Jai

如果我在contntEditable div中有10个div。如果我在第三个div中输入文本的方式，我需要获得第三个div id。从那我需要应用css样式 – Nai

答

您可以通过使用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);  
});

我需要没有点击事件，有一个在内容可编辑Div中向上移动或鼠标移动的可能性。 – Nai

箭头向上和向下向下键我们有任何事件？ – Nai

是的，这些也有事件。事件清单https://www.w3schools.com/jquery/jquery_ref_events.asp如果这是你在找什么，那么请接受答案 –