Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

События "мыши" в jQuery.

Для получения страницы сайта интерактивной браузер должен реагировать на действия клиента. Но Вы должны создавать коды программ, которые могли реагировать на события. Здесь привожу некоторые события мыши:

             click -------------------- данное событие запускается при нажатии кнопки мыши,
             функция click()            можно заставить реагировать любой тег.
             
             примерно, в таком виде $().click(function() {
                                                }); 
                                        
             dbclick ------------------ двойной щелчок кнопки мыши, данное действие открывает файл
             функция dbclick()          на странице сайта, каталог на Рабочем столе ( надо помнить,
                                        что действие двойной щелчок равносилен двум одиночным щелчкам 
                                        кнопки мыши, поэтому присваивать события одиночного и двойного
                                        щелчка одному и тому же элементу выборки.
                                        
             примерно, в таком виде $().dbclick(function() {
                                                }); 
                                        
             mousedown ---------------- это событие запускается при первой половине щелчка, то есть
             функция mousedown()        нажимаете, но не отпускаете; применяется при перетаскивания 
                                        элементов.
                                        
             примерно, в таком виде $().mousedown(function() {                     
                                                });                            
                                        
             mouseup ------------------ это событие запускается при второй половине щелчка, то есть 
             функция mouseup()          при отпускания кнопки мыши.
             
             примерно, в таком виде $().mouseup(function() {
                                                });
                                        
             mouseover ---------------- это событие запускается при наведении указателя мыши на 
             функция mouseover()        элемент ( аналог псевдокласса :hover в CSS)
             
             примерно, в таком виде $().mouseover(function() {});
                                        
             mouseout ----------------- это событие зарускается при уходе указателя мыши за границы 
             функция mouseout()         элемента.
             
             примерно, в таком виде $().mouseout(function() {});
                                        
             mousemove ---------------- это событие запускается и действует постоянно и применяется
             функция mousemove()        для определения местоположения указателя кнопки мыши ( интересное
                                        применение данного события получается, если присвоить его отдельно 
                                        взятому тегу, тогда будет реагировать только на 
                                        передвижение указателя кнопки мыши только в пределах границ элемента).
                                        
             примерно, в таком виде $().mousemove(function() {}); 

Попробуем какой-либо пример придумать и составить для него коды программы и на практике проверить так ли на самом деле.

Давайте остановимся на последнем событии мыши на функции mousemove() и при том зададим элемент выборки, например, в пределах центральной колонки Вашей страницы сайта. Как сказано в рекомендациях, что данная функция действует постоянно и применяется для определения местоположения курсора на экране монитора, в данном случае при передвижении курсора по экрану в пределах рамки центральной колонки мы должны получать два значения указателя мышки координату х от левого вернего угла и координату у от левого верхнего угла, Как только Вы курсор выведите за пределы центральной колонки значения фукции пропадут. Во всяком случае нас убеждают в этом. Ну, что же проверим. И как всегда начинаем обязательной процедуры написания нашей оболочки jQuery:

 
                               < script type="text/javascript">$(document).ready(function() {                                                                               
                                        $('#tdcenter').mousemove(function(pos) {
                                        $("#coordinata").html('По оси X:'+pos.pageX+', 
                                                               По оси Y:'+pos.pageY);
                                      });
                                    });
                               < /script>
                               
                               < p id="coordinata" style="background-color: #FC9; 
                                       color: #C00;
                                       font-size: 16px; 
                                       margin: 15px auto 15px 270px;
                                       height: 30px; 
                                       width: 280px; 
                                       border: 5px double #C09; 
                                       padding: 10px; ">Смотрите кординаты курсора.< /p>

Смотрите кординаты курсора.

В данном случае мы выбрали центральную колонку страницы сайта с идентификатором id="tdcenter" далее аргументом функции наведения курсора мыши стоит функция pos(), возвращающая значения X, то есть pos.pageX и значения Y, то есть pos.pageY.

Как мы с Вами задумали, так наша программа выдает координаты курсора мыши в пределах центральной колонки страницы сайта; как Вы уводите курсор за границы колонки, так счетчик сразу прекращает работать. Что и требовалось доказать.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: