Я использую JQuery для регистрации событий для разных тегов. Вот код на данный момент:
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.7.js"></script>
</head>
<body>
<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<div><p>another one</p></div>
<p><strong>big one</strong></p>
<div contentEditable="true"><p>hello <b>there</b></p></div>
<script>
$("p").click(function () {
alert('p tag');
});
$("div").click(function () {
alert('div tag');
});
$("b").click(function () {
alert('strong tag');
});
</script>
</body>
</html>
Я хочу разработать простой текстовый редактор и собирать события нажатия, чтобы я мог обновлять состояние своих кнопок (жирный, курсив, ...). Я хочу, чтобы события click также работали внутри редактируемого div, но они запускаются только один раз, когда выбран тег div, и впоследствии, когда начинается редактирование, щелчок в любом месте внутри этого div не срабатывает, даже если внутри есть теги p и b див. Можно ли добиться этого с помощью редактируемого div? По сути, я хочу знать, находится ли курсор внутри тега b или тега i, чтобы я мог обновлять состояние своих кнопок.