javascriptʼþ from PPK yahooÑݽ²
×ªÔØ×Ô£ºhttp://www.zipeng.info/archives/ppk-on-js-events.html
½ñÌìÎÒ»á˵һЩ¹ØÓÚJavaScriptʼþµÄÊÂÇ飬ÎÒºÜÏ£Íû×Ô¼ºÄÜÆô·¢´ó¼ÒһЩʲô£¬²»¹ý´ó»ï¶¼ÊǸßÊÖ£¬²»¹ÜÔõô£¬ÎÒ»¹ÊÇҪ˵˵
JavaScriptʼþ¡£
´óÔ¼Ò»ÄêǰÎÒ´òËã¶ÔJavaScriptµÄʼþ×öһЩÉîÈëµÄÑо¿£¬²¢ÇÒÎÒ×öÁËÒ»ÕżæÈÝÐÔµÄ±í£¬´ó¼Ò¿ÉÒÔͨ¹ýÏÂÃæÕâÀïÀ´
·ÃÎÊ
http://quirksmode.org/dom/events
ÄÇ
ô½ñÌìÎÒ»áºÍ´ó¼Ò̸ÂÛ4¼þÊÂÇ飺
Ê×ÏÈ
»áÊÇkeyʼþ£¨°´¼üʼþ£©£¬ÒòΪÔÚÕâÀï´æÔںܶàµÄÀ§»ó£¬ºÜ¶àÊǹØÓÚËûÃÇÈçºÎ¹¤×÷µÄÀ§»ó¡£
È»
ºó
ÎÒ»á̸̸changeʼþ£¬ËûÊÇÎÒºÜϲ»¶µÄÒ»¸öʼþ£¬²»ÐÒµÄÊÇ£¬ËüµÄ¹¤×÷Çé¿öÓÐЩÂÒ¡£
µÚÈý
£¬ÎÒ»á̸̸ίÅÉfocusÊÂ
¼þ£¬µ±È»¿ÉÄÜÄãÒѾ֪µÀÁË¡£Î¯ÅɵÄʼþͨ³£Ö»»á´¥·¢ÔÚÊó±ê»òÕßÊǼüÅÌʼþÉÏ£¬µ«ÊÇÎÒÕÒµ½ÁËÒ»Öְ취ʹËüÒ²Äܹ»Ê¹ÓÃÔÚfocusÉÏÃæ¡£
×îºó
ÎÒ
»á˵˵ÊÖ»úÉÏÃæµÄʼþ£¬Ï൱¹îÒìµÄ¶«Î÷¡£¡£¡£
ÄÇôÊ×ÏȾÍÀ´¿´¿´¼üÅÌʼþ°É£¬¼üÅÌʼþÓÐÈý¸ö£ºkeydown£¬keypressºÍkeyup¡£´ó¶àÊý
µÄÈ˶¼ÈÏΪ×Ô¼ººÜÇå³þËûÃÇÔÚ»áºÎʱ´¥·¢£¬¶øÎÒÔÚÕâÀïÒª¸æËßÄ㣬Æäʵδ±Ø¾ÍÈçÄãËùÏëµÄÄÇÑù¡£
ÎÒÃÇÏÈÀ´¿´¿´¶¨Ò壬¡¢
keydownʼþ£ºµ±ÓÃ
»§°´Ï¼üÅÌÉÏÃæµÄÒ»¸ö¼üʱ»á´¥·¢£¬Óû§Ò»Ö±°´×ÅÕâ¸ö¼üËû¾Í»á³ÖÐø´¥·¢¡£
keypressʼþ£ºÓÐÒ»µãµãµÄ²»Í¬£¬Óû§°´×ÅÒ»¸ö×Ö·û¼ü£¨ÔÎÄÊÇ
character
key£©²Å´¥·¢£¬¾ÍÊÇ˵Óû§°´ÁËÒ»¸öÄÜÔÚÆÁÄ»ÉÏÊä³ö×Ö·ûµÄ°´¼ükeypressʼþ²Å»á´¥·¢£¬±ÈÈçÎÒÃÇÍùÒ»¸ötextareaÀïÃæÊäÈë×Ö·û¡£
keyup
ʼþ£ººÜ¼òµ¥£¬µ±ÎÒÃÇÊÍ·ÅÒ»¸ö°´¼üʱºò»á´¥·¢¡£
¾ÙÒ»¸öÀý×Ó£¬ÕâÑùÄãÄܸüÃ÷°×Щ
±È·½ËµÎÒ°´ÏÂÁËÒ»¸ö×Öĸ“o”¼ü»òÊÇ×Öĸ“i”¼ü£¬ÄÇô
keydownºÍkeypress¾Í¶¼»á´¥·¢£¬¶øµ±ÎÒ°´ÏµÄÊÇÒ»¸öÌØÊâµÄ°´¼ü±ÈÈçÊÇshift¼ü£¬ÄÇôkyedown»á´¥·¢£¬¶økeypress²»»á¡£
keydown
ºÍkeypressµÄÕâÖÖÇø±ð×î³õÊÇÓÉ΢ÈíÌá³öµÄ£¬ËùÓеÄie¶¼Ö§³ÖÕâÖÖÇø·Ö·½Ê½£¬Ò»Äêǰ£¨08Äê°É£©ÍƳöµÄsafari3.1Ò²ÊÊÓÃÕâÑùµÄ·½Ê½£¬²»¹ýÕâ
Ö»ÊÇ˵Ã÷ÁËkeydownºÍkeypress´æÔÚ·½Ê½µÄ²»Í¬¡£Ïà±È½Ï£¬firefoxºÍopera»áͬʱ´¥·¢¶à¸öʼþ£¬ÒòΪ´Ëʱʼþ¼ÈÊÇÒ»¸ö
keydownʼþÓÖÊÇÒ»¸ökeypressʼþ£¬ËùÒÔÎÒÃÇÓ¦¸Ã»áͬʱ´¥·¢¶à¸öʼþ¡£ÕâÑùºÜºÃ£¬µ«ÊÇÕâÑùÈ´ÎÞ·¨½âÊÍΪʲôҪͬʱ´æÔÚÁ½ÖÖʼþ¡¢¶ø²»ÊÇÒ»ÖÖ
£¨keydown£©¡£ËùÒÔÆäʵÎÒ»¹ÊǺÜϲ»¶Î¢ÈíµÄÕâÖÖÇø·ÖµÄ¡£
ºÃ°É£¬ÎÒÃÇÔÙÀ´ÖØÎÂÒ»´Î¸ÅÄkeydown»áÔÚÈκμü°´ÏÂʱ´¥
·¢£¬keypressÖ»ÊÇÔÚ×Ö·û¼ü°´ÏÂʱ´¥·¢£¬ÒÔÉÏÊÇÔÚieºÍs
Ïà¹ØÎĵµ£º
×ªÔØ×Ô£ºhttp://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html
Áíһƪ£ºhttp://blog.csdn.net/ivan820819/archive/2009/09/03/4515122.aspx
ÖÆ
×÷
ÍøÒ³µÄ¹ý³ÌÖУ¬ÄãÓÐʱºòÐèÒªÖªµÀij¸öÔªËØÔÚÍøÒ³ÉϵÄÈ·ÇÐλÖá£
ÏÂÃæµÄ½Ì³Ì×ܽáÁËJavascriptÔÚÍøÒ³¶¨Î»·½ÃæµÄÏà¹ØÖª
ʶ¡£
Ò»¡¢ÍøÒ³µ ......
ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x
event.y
´°Ìå ......
·µ»ØÒ»¸ö¸ø¶¨idÊôÐÔÖµµÄÔªËØ½ÚµãµÄ¶ÔÏó
document.getElememtById(id)
·µ»ØÒ»¸ö°üº¬ËùÓиø¶¨±êÇ©µÄÔªËØµÄÊý×é
document.getElementsByName(tag)
»ñÈ¡ÔªËØÊôÐÔ
document.getAttribute(attribute)
ÉèÖÃÔªËØÊôÐÔÖµ
document.setAttribute(attribute)
......
function Search(){
//Èç¹ûǰһ¸ö¿Ø¼þµÄÖµ´óÓÚºóÒ»¸ö¿Ø¼þµÄÖµ(ǰÌáÊǺóÒ»¸ö¿Ø¼þ²»ÊÇ¿Õ,¿ÕµÄÇé¿öϲ»×öÈκδ¦Àí)
if(document.forms[0].koteifrom.value > document.forms[0].koteiTo.value && document.forms[0].koteiTo.value != ""){
alert('messageÄÚÈÝ');
var koteifrom ......