Форум

GTX · #1 (**permalink**) 22.11.2021, 17:58

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

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

voraa · #2 (**permalink**) 22.11.2021, 19:46

Сообщение от GTX

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

Нет

Сообщение от GTX

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

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

Сообщение от GTX

я не хочу

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

voraa · #3 (**permalink**) 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 · #4 (**permalink**) 22.11.2021, 20:22

Сообщение от voraa

Нет

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

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

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

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

Форум

Справочник

Discord чат

Курсы javascript