Important Announcement
PubHTML5 Scheduled Server Maintenance on (GMT) Sunday, June 26th, 2:00 am - 8:00 am.
PubHTML5 site will be inoperative during the times indicated!

Home Explore Секреты javascript ниндзя

Секреты javascript ниндзя

Published by mr.oleg-nk, 2015-09-19 16:04:08

Description: Секреты javascript ниндзя

Search

Read the Text Version

Глава 1З. Особенности обработки r.обытий 371 Когда курсор мыши пересекает границу между родительским и порожденнымэлементами разметки , инициируется событие mou s e o u t , несмотря на то, что кур­сор может считаться п<rпрежнему находящимся в пределах родительского элемента.Аналогично событие rnou s e ove r инициируется, когда покидаются пределы порож­денного элемента разметки. И в этой ситуаци и особенно удобными оказываются cirбытия rnou s e e n t e r и rnou s e l e av e . Они инициируются только для главного элементаразметки , к которому они привязаны, уведомляя лишь о том, что курсор фактическипокинул пределы родительского элемента разметки . А поскольку обработка этих пirлезных событий в настоящее время реализована только в браузере Intemet Exploгer,то ее придется полностью воспроизвести для всех остальных браузеров. В листин­ге 1 3. 1 4. приведен пример кода, в котором реализуется функция hover ( ) , обеспечи­вающая поддержку обработки событий rnou s e e n t e r и mou s e l eave во всех браузерах.Листинг 1 З. 1 4. Доnолнитепьна• поддержка обработки событий mouseenterи mouseleave во всех брауэерах<script>( funct ion ( )i f ( i s Event Support ed ( \"mouseent e r \" ) )t h i s . ho v e r = funct i o n ( e l em , fn ) { () a ddEvent ( e l em , \"mou s e e nt e r \" , funct i on fn . ca l l ( e lem, \"mou s e e nt e r \" ) ; )) ; a ddEvent ( e lem, \"mous e l eave \" , funct ion ( ) { fn . ca l l ( e l em , \"mou s e l eave \" ) ; });}; ��\"\"'\"'ь �\"\". mouseove r \" mous eout r.�мtО.>А<Ь��''I�Иf''�\", Ц1l1l'<lfеlsе °\"\" \"н°\"t'. O\"f\"°\"1'1Чl'lхмlUollыAAttа.��1•1 1, r 11t hi s . hov e r = funct i on ( e lem, fn ) { _._1 �ч'1\"' л11 �11'1\"\"•ь \"'1\"11* ��ч\". �\"\"м addEvent ( e l em , \"mou s e o v e r \" , funct i o n ( е ) { withinElement ( t h i s , е , \"mouseent e r \" , fn ) ; }); addEvent ( e lem, \"mouseout \" , funct ion ( е ) { withinE l ement ( t h i s , е , \"mouse leave \" , fn ) ; }) ; '\"'l•rtмt1\"' ��\"\"\"' �\"'f\"'\"\"\"'\"'}; \".\".\".\"�.,.,и.м.,.м\"\"�;Jw.\".11i11'кf\"�'\"°\"'м11\"м\"'�АЧАt.11111funct i o n w i t h i n E l ement ( e l e m , event , t ype , hand l e ) { �jv a r parent = event . r e l a t edT a rge t ; .,_._ По\"'lч\"мь 1Аt.Мt.Им, r. •омормм 11><•1\"\"' ..лмwhi l e ( parent & & parent ! = e lem) { ...\"1''\"' \"'IF\"'I' t ry { --·-- flf'01&мH'\lo- 1\Иf\" �О •t.1' 110f1 \"°\"' Иt. �9А1ttм.\"t'.н•1�1 •мt\".1.•Мо\Wм\ ормЩМ \"\"'\"\"l\"l\"ЧtM.И01\"t'.IAF\"'°IР' ОМ llAI<
























































Like this book? You can publish your book online for free in a few minutes!
Create your own flipbook