JavaScript »ñȡʼþ¶ÔÏóµÄÒ»¸ö×¢Òâµã¡¾ÎÊÌâ¡¿
JavaScript »ñȡʼþ¶ÔÏóµÄÒ»¸ö×¢Òâµã
2009-7-24 ÉÏÎç
- JS/Ajax/AS/Flex
- event
- javascript
ƽʱÎÒÃÇ»ñȡʼþ¶ÔÏóÒ»°ãд·¨ÈçÏ£º
function
getEvent
(
event
)
{
return
event
||
window
.
event
// IE:window.event
}
Èç¹ûûÓвÎÊý£¬Ò²¿Éд³É£¨·ÇIE £ºÊ¼þ¶ÔÏó»á×Ô¶¯´«µÝ¸ø¶ÔÓ¦µÄʼþ´¦Àíº¯Êý£¬ÇÒΪµÚÒ»¸ö²ÎÊý£©£º
function
getEvent
()
{
return
arguments
[
0
]
||
window
.
event
// IE:window.event
}
ÕâÑùµÄд·¨ÔÚ³ý Firefox£¨²âÊÔ°æ±¾£º3.0.12£¬ÏÂͬ£© ÍâµÄä¯ÀÀÆ÷ÉÏÔËÐж¼²»»áÓÐÎÊÌ⣬µ« Firefox
ΪʲôÀýÍâÄØ£¿ÈÃÎÒÃÇÕâÑùÒ»ÖÖÇéÐΣº
<button
id
=
"btn"
onclick
=
"
foo
()
"
>
°´Å¥
</button>
<script>
function
foo
(){
var
e
=
getEvent
();
alert
(
e
);
}
</script>
ÔËÐнá¹ûÔÚ Firefox ÖÐÊÇ undefined
£¬ÎªÊ²Ã´ÄØ£¿
ÔÚ Firefox Öе÷ÓÃÆäʵÊÇÕâÑùµÄ£¬Ïȵ÷ÓÃÖ´ÐеÄÊÇ£º
function
onclick
(
event
)
{
foo
();
}
È»ºóµ÷ÓÃÖ´ÐеÄÊÇ£º
function
foo
(){
var
e
=
getEvent
();
alert
(
e
);
}
»á·¢ÏÖÔÚ Firefox Ï onclick
=
"foo()"
ÖÐµÄ foo
()
ÎÞ·¨×Ô¶¯´«Èëʼþ¶ÔÏó²ÎÊý£¬¶øÄ¬ÈÏ´«µÝ¸øÁËϵͳÉú³ÉµÄ
onclick º¯Êý£¬ÄDZ¾ÀýÎÒÃÇ¿ÉÒÔͨ¹ý getEvent
.
caller
.
caller
.
arguments
[
0
]
»ñµÃʼþ¶ÔÏó¡£
Òò´Ë£¬ÎÒÃÇµÄ getEvent ¿ÉÒÔÓÅ»¯³É£¨²ÎÕÕ yui_2.7.0b ÖÐµÄ event/event-debug.js ÖÐ getEvent
·½·¨£©£º
function
getEvent
(
event
)
{
var
ev
=
event
||
window
.
event
;
if
(!
ev
)
{
var
c
=
this
.
getEvent
.
caller
;
while
(
c
)
{
ev
=
c
.
arguments
[
0
];
if
(
ev
&&
(
Event
==
ev
.
constructor
||
MouseEvent
==
ev
.
Ïà¹ØÎĵµ£º
×Ö·ûÊǼÆËã»úÈí¼þ´¦ÀíÎÄ×Öʱ×î»ù±¾µÄµ¥Î»£¬¿ÉÄÜÊÇ×Öĸ£¬Êý×Ö£¬±êµã·ûºÅ£¬¿Õ¸ñ£¬»»Ðзû£¬ºº×ֵȵȡ£×Ö·û´®ÊÇ0¸ö»ò¸ü¶à¸ö×Ö·ûµÄÐòÁС£Îı¾Ò²¾ÍÊÇÎÄ×Ö£¬×Ö·û´®¡£ËµÄ³¸ö×Ö·û´®Æ¥Åäij¸öÕýÔò±í´ïʽ£¬Í¨³£ÊÇÖ¸Õâ¸ö×Ö·û´®ÀïÓÐÒ»²¿·Ö£¨»ò¼¸²¿·Ö·Ö±ð£©ÄÜÂú×ã±í´ïʽ¸ø³öµÄÌõ¼þ¡£
......
×î½üÕâ¶Îʱ¼äÒ»Ö±ÔÚ¸ãǰ¶ËJavaScript£¬ÒÔǰ×ܾõµÃJSûʲô¸ãÍ·£¬¾¹ýÕâÒ»¶ÎµÄÓ¦Ó㬲ŷ¢ÏÖJsÀïÃæµÄ¶«Î÷ÕæµÄºÜÉîºÜÉîµÄ£¬²»È»ÎªÊ²Ã´¸÷´óÃÅ»§ÍøÕ¾¶¼ÕÐÒ»ÅúJS¹¤³ÌÊ¦ÄØ¡£
Ïл°²»Ëµ£¬ÏÖÔÚ¿´¿´JavaScript
ÀïµÄ±Õ°ü
¡£
Òª³ÉΪ¸ß¼¶ JavaScript ³ÌÐòÔ± ......
×î½üÔÚÍøÉϲéÔÄÁ˲»ÉÙJavascript±Õ°ü(closure)Ïà¹ØµÄ×ÊÁÏ£¬Ð´µÄ´ó¶àÊǷdz£µÄѧÊõºÍרҵ¡£¶ÔÓÚ³õѧÕßÀ´Ëµ±ð˵Àí½â±Õ°üÁË£¬¾ÍÁ¬ÎÄ×ÖÐðÊö¶¼ºÜÄÑ¿´¶®¡£×«Ð´´ËÎĵÄÄ¿µÄ¾ÍÊÇÓÃ×îͨË×µÄÎÄ×Ö½Ò¿ªJavascript±Õ°üµÄÕæÊµÃæÄ¿¡£
¡¡¡¡Ò»¡¢Ê²Ã´ÊDZհü£¿
¡¡¡¡“¹Ù·½”µÄ½âÊÍÊÇ£ºËùν“±Õ°ü”£¬Ö¸µÄÊÇÒ»¸öÓµÓÐÐ ......
ÏñÉÏÃæµÄÒ»ÕÅͼƬÎÒÃǸÃÔõôÓÃjs ºÍcss + div ºÜºÃµÄÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄØ£¿
<style>
.InpuRight{
height:20px;background:url(img/msg_bg.png) no-repeat;background-position:0px -250px;
}
.InputError{
width:20px;height:20px;background:url(img/msg_bg.png) no-repeat 0px 0px;
}
.inputLogin{
wid ......