html mouseover event на границе элемента

Мне интересно, можно ли связать событие mouseover с одной из границ элемента HTML, скажем, левой границы div.html mouseover event на границе элемента

Этот div является контейнером для других сложных элементов html, и для его подэлементов применяются события mouseover. Привязка события mouseover ко всему контейнеру div является методом, однако пользователь не сможет отличить, выбирает ли он контейнер или вспомогательные элементы.

Я хочу очень очевидный метод, чтобы указать, что контейнер можно выбрать, например, выделить контейнер, когда он наведет курсор на левую границу области.

Или есть ли другой хороший способ решить проблему?

спасибо.

источник

2012-06-06 George Sun

что у виду ?? связать границу div с событиями ..? –

Почему бы просто не изменить цвет или стиль границы или курсора на мыши? –

Привет, Дэвид. Я хочу выделить левую границу, когда пользовательская мышь на левой границе области div, но не тогда, когда пользователь навешивает на весь div. –

Границы не являются элементами, и поэтому вы не можете связывать события mouseenter с ними. Если вам нужен этот тип функциональности, вам нужно будет поместить ряд элементов вокруг краев элемента (или, по крайней мере, рядом с вашим целевым краем), и привязать их к этому.

Этот особый подход был сделан Dropbox в их веб-функции загрузки. Когда вы перетаскиваете файл со своего рабочего стола на свою страницу, вы заметите, что элементы div вокруг верхней, нижней и боковых сторон все исчезают. Это было выполнено с помощью четырех элементов div, расположенных вблизи краев окна просмотра.

источник

2012-06-06 06:49:41 Sampson

Согласен с Джонатаном. Я не использовал Dropbox, я фактически делаю что-то немного похожее на временную шкалу FB, где сама шкала времени может быть подсвечена при наведении на нее мыши. –

вы хотите, как этот

http://jsfiddle.net/GBpcg/

EDIT:http://jsfiddle.net/GBpcg/2/

источник

2012-06-06 07:06:00 Valli69

Спасибо Pravallika69. Я хочу выделить левую границу, когда пользовательский указатель мыши покинет границу области div, а не когда пользователь наведет курсор на весь div. –

см. Мое редактирование один раз – Valli69

Спасибо Pravallika69, что похоже на то, что мне нужно. Благодарю. –

html mouseover event на границе элемента

ответ

Смежные вопросы