Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Клик по маркеру нумерованного списка (или ненумерованного) (https://javascript.ru/forum/events/83362-klik-po-markeru-numerovannogo-spiska-ili-nenumerovannogo.html)

GTX 22.11.2021 17:58

Клик по маркеру нумерованного списка (или ненумерованного)
 
Есть нумерованный список ol..li есть ли возможность поймать событие клик по номеру (маркеру), а НЕ содержимому li ?

Ряд уточнение:
- мне надо сделать что то типа заменителя checkbox, что бы я мог отмечать определенные строки, при этом сами строки будут содержать в том числе ссылки, т.е. должны быть юзабельны.
- я не хочу забивать лишним кодом, вставлять в li всякие span.
- делаю для себя, для личного использования.

voraa 22.11.2021 19:46

Цитата:

Сообщение от GTX
есть ли возможность поймать событие клик по номеру (маркеру), а НЕ содержимому li

Нет
Цитата:

Сообщение от GTX
checkbox, что бы я мог отмечать определенные строки, при этом сами строки будут содержать в том числе ссылки, т.е. должны быть юзабельны.

А почему не chekbox и просто строка рядом?
Цитата:

Сообщение от GTX
я не хочу

Программе это все равно.

voraa 22.11.2021 20:05

Хотя косвенно можно определить. При клике левее строки на маркер ev.offsetX будет <0

<body>
<ol>
<li> String 1
<li> String 2
</ol>
<script>
document.querySelectorAll('li')
	.forEach (li => li.addEventListener('click', (ev) => {
		console.log(ev.offsetX);
		}
	)
)
</script>
</body>

GTX 22.11.2021 20:22

Цитата:

Сообщение от voraa (Сообщение 541756)
Нет

А почему не chekbox и просто строка рядом?

Программе это все равно.

Я написал в пояснении, я не хочу забивать лишней разметкой, т.е. я не хочу в LI вкладывать еще 2 тега, в одном checkbox, во втором содержимое, хотя скорее всего так придется делать.
Думал может можно как то обойтись, в этом и суть вопроса была.

voraa, Спасибо, ваш способ работает!


Часовой пояс GMT +3, время: 17:41.