Форум

dmitry111 · #1 (**permalink**) 15.09.2012, 05:11

Хочу отменить возможность выделений дочерних элементов у родителя

...
parent.onmousedown = parent.onselectstart = function() {
  return false;
}

но при этом исключить это правило для некоторых дочерних элементов.

Можно было бы назначить функцию выше на каждый элемент индивидуально, но я так не хочу.

Как это сделать?

dmitry111 · #2 (**permalink**) 15.09.2012, 05:16

Вот пример

<!DOCTYPE HTML>
<html>
<head>
</head>
<body onmousedown="return false" onselectstart="return false">
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#0f0; width:200px; margin:4px;" id="on2">Разрешить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#0f0; width:200px; margin:4px;" id="on1">Разрешить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
</body>
</html>

devote · #3 (**permalink**) 15.09.2012, 05:18

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

<body onmousedown="return false;">

dmitry111 · #4 (**permalink**) 15.09.2012, 05:26

devote,
да, писал сходу, методом проб и ошибок

dmitry111 · #5 (**permalink**) 15.09.2012, 05:27

Так же хотел бы узнать, зачем использовать onselectstart? Ведь ie понимает onmousedown.

devote · #6 (**permalink**) 15.09.2012, 06:02

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

Ведь ie понимает onmousedown.

наверно для того что бы ссылки в тексте работали... иначе переход по ссылкам перестанет работать

dmitry111 · #7 (**permalink**) 15.09.2012, 07:34

спасибо!

а как исключить эти события для некоторых вложенных элементов?

dmitry111 · #8 (**permalink**) 15.09.2012, 15:17

Ну хоть кто-нибудь.......

dmitry111 · #9 (**permalink**) 16.09.2012, 09:37

ну неужели нужно будет отменять функцию выделения у каждого элемента индивидуально??

У меня тысяча дочерних элементов, и только в двух нужно дать возможность выделять!

Мне надо 998 раз писать эту хрень :

...
child.onmousedown = child.onselectstart = function() {
  return false;
}

ХЕЕЕЕЕЛП!!!

dmitry111 · #10 (**permalink**) 16.09.2012, 10:07

Сделал, работает:

<!DOCTYPE HTML>
<html>
<head>
</head>
<body onmousedown="return false" onselectstart="return false">
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#0f0; width:200px; margin:4px;" id="on2">Разрешить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#0f0; width:200px; margin:4px;" id="on1">Разрешить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
<div style="background:#f00; width:200px; margin:4px;">Запретить выделение</div>
  
  <script>
    document.getElementById("on2").onmousedown = function (event) {
    	event.stopPropagation();
    };      
    document.getElementById("on2").onselectstart = function (event) {
    	event.stopPropagation();	
    };
  </script>
  
    <script>
    document.getElementById("on1").onmousedown = function (event) {
    	event.stopPropagation();
    };      
    document.getElementById("on1").onselectstart = function (event) {
    	event.stopPropagation();	
    };
  </script>
  
</body>
</html>

Объясните почему работает?

event.stopPropagation() блокирует всплытие, а тут наоборот вроде как

Форум

Справочник

Discord чат

Курсы javascript