[B! tips][event] monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

monjudoh id:monjudoh

tipsã¨eventã«é–¢ã™ã‚‹monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

less - éžåŒæœŸå‡¦ç†ã‚’æŒŸã‚€ã¨ç™ºå‹•ã™ã‚‹ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒ–ãƒãƒƒã‚¯ã¸ã®å¯¾å‡¦æ–¹æ³•
å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒ–ãƒãƒƒã‚¯æ©Ÿèƒ½ã¯æ™®é€šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒèµ·ã“ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦ã¯ç™ºå‹•ã—ãªã„ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€ä¾‹ãˆã°è¦ç´ ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨éžåŒæœŸã§ãƒªãƒ³ã‚¯å…ˆã‚’å–å¾—ã—ã¦ãƒšãƒ¼ã‚¸ã‚’é–‹ãã‚ˆã†ãªå ´åˆã€Operaã‚’é™¤ãä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒ–ãƒãƒƒã‚¯ãŒç™ºå‹•ã—ã¾ã™ã€‚å®Ÿéš›ã©ã†ãªã‚‹ã‹ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨URLã‚’bit.lyã—ã¦åˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ãã‚µãƒ³ãƒ—ãƒ«ã‚’æ›¸ã„ã¦è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã¡ãªã¿ã«ã‚ã–ã‚ã–éžåŒæœŸã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ã®ã¯è² è·è»½æ¸›ã®ãŸã‚ã§ã™ã€‚ #0ã¯æœ€åˆã‹ã‚‰URLãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆã§ã™ã€‚éžåŒæœŸã§ã¯ãªã„ã®ã§å„ãƒ–ãƒ©ã‚¦ã‚¶ã€ç›´æŽ¥é–‹ã„ãŸã¨èªè˜ã—ã¦å•é¡Œãªãå‹•ãã¾ã™ã€‚å‚è€ƒç”¨ã§ä»Šå›žã®ãƒ†ã‚¹ãƒˆã¨ã¯é–¢ä¿‚ãªã„ã§ã™ã€‚ #1ã¯bit.lyã¸ã®JSONPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŒŸã¿ã¾ã—ãŸã€‚çµæžœã‚’å–å¾—å¾Œã«window.openã—ã¦ã„ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚’è¨±å¯ã—ã¦ã„ãªã„å ´åˆã€ IEã¨Firefoxã¯ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒ–ãƒãƒƒã‚¯ãŒåƒãè¦å‘ŠãŒå‡ºã‚‹ Safariã¨Ch
monjudoh 2010/12/13
ã€Ž * IEã®a.fireEvent('onclick')ã¯onclickã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦åƒããŸã‚ã€aè¦ç´ ã®ã‚¯ãƒªãƒƒã‚¯ã‚’æ¨¡å€£å‡ºæ¥ãªã„* Firefoxã®a.dispatchEvent()ã¯aè¦ç´ ã«å¯¾ã—ã¦åŠ¹ã‹ãªã„ã€

JavaScript

tips

event
ãƒªãƒ³ã‚¯
Monitoring DOM properties â€“ James Padolsey
I recently came across a jQuery plugin that claims to emulate the functionality of Object.prototype.watch, a method inherent in all objects that enables you to watch for a property change and run a function upon that change. Of course, this isnâ€™t available in all implementations. IE, for example, doesnâ€™t support this but has a DOM equivalent, onPropertyChange. Both methods are useful but their sli
monjudoh 2010/10/26
DOMè¦ç´ ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ç›£è¦–

JavaScript

jQuery

DOM

event

special event

tips

custom event
ãƒªãƒ³ã‚¯
Binding Events To Non-DOM Objects With jQuery
Yesterday, Dan G. Switzer, II was giving me some really great jQuery tips. Among the things that we discussed was the ability to define an anonymous function and then call it immediately: <script type="text/javascript"> ( function(){ var strMessage = "Hello"; alert( strMessage ); } )(); </script> This is not jQuery specific, but the benefits of doing this is that you can create a totally private m
monjudoh 2010/10/25
è¨€åŠã—ãŸhttp://d.hatena.ne.jp/monjudoh/20091025/1256423159

JavaScript

jQuery

event

location.hash

custom event

tips
ãƒªãƒ³ã‚¯
iPhone/iPadã§ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã‚’JavaScriptã§å®Ÿè£…ã™ã‚‹
iPhone/iPadã§ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã‚’JavaScriptã§å®Ÿè£…ã™ã‚‹ iPhone/iPadã®JavaScriptã§ã¯ã€Œonclickâ‰’ã‚¿ãƒƒãƒ—ã€ãªã®ã«ã€Œondblclickâ‰ ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ã¨ãªã‚‹ã®ã§ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã‚’åˆ©ç”¨ã—ãŸã„å ´åˆã¯ç‹¬è‡ªã«å®Ÿè£…ã—ãªãã¦ã¯ã„ã‘ãªã„ã€‚ æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã¨jQueryã§æ“¬ä¼¼çš„ã«ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—æ™‚ã®å‘½ä»¤ console.log("ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
monjudoh 2010/08/17
ã€ŽiPhone/iPadã®JavaScriptã§ã¯ã€Œonclickâ‰’ã‚¿ãƒƒãƒ—ã€ãªã®ã«ã€Œondblclickâ‰ ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ã¨ãªã‚‹ã®ã§ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã‚’åˆ©ç”¨ã—ãŸã„å ´åˆã¯ç‹¬è‡ªã«å®Ÿè£…ã—ãªãã¦ã¯ã„ã‘ãªã„ã€‚ã€

JavaScript

iPhone

event

tips

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
iPhone/iPadã§PCã¨åŒã˜JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹
iPhone/iPadã§PCã¨åŒã˜JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹ PCå‘ã‘ã«ä½œã£ãŸã‚µã‚¤ãƒˆã‚’iPhoneã‚„iPadã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹éš›ã«æ³¨æ„ã—ãªãã¦ã¯ã„ã‘ãªã„ã®ãŒJavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã™ã€‚ iPhone/iPadã§ã¯onmouseoverã‚„onmousedownãªã©ã®onMouseç³»ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒåˆ©ç”¨ã§ããšã€ä»£ã‚ã‚Šã«ontouchstartã‚„ontouchmoveã€ontouchendãªã©ã®onTouchç³»ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä½¿ã„åˆ†ã‘ã¨ã—ã¦ã¯ã ã„ãŸã„æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ontouchstart = onmousedown ontouchmove = onmousemove ontouchend â‰’onmouseup ã§ã™ã®ã§jQueryã‚’åˆ©ç”¨ã—ãŸå ´åˆã€ var ua =navigator.userAgent; if(ua.indexOf('iPhone'
monjudoh 2010/08/17
JavaScript

event

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

tips
ãƒªãƒ³ã‚¯
Greasemonkeyã§ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ï¼ˆç”»é¢ï¼‰ãŒã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ãªã‚‹åº¦ã«ä½•ã‹ã—ãŸã„å ´åˆã®æ›¸ãæ–¹ - phithonã®ãƒ–ãƒã‚°
ã€Œjavascriptã€ã€ã€Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€ã€ã€Œå‰é¢ã€è¾ºã‚Šã§ããã£ã¦ã‚‚å‚è€ƒã«ãªã‚‹ãƒšãƒ¼ã‚¸ãŒç„¡ã‹ã£ãŸã®ã§æ›¸ã„ã¦ãŠãã€‚ documentã®focusã«å¯¾ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’ç™»éŒ²ã™ã‚Œã°ãŠï½‹ã€‚ æœ€åˆdocument.bodyã«å¯¾ã—ã¦ç™»éŒ²ã—ã¦ã¦ãƒãƒžã£ãŸã€‚ document.addEventListener('focus', function (e) { // å‡¦ç† }, false);
monjudoh 2010/08/03
ã“ã‚Œã£ã¦ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨ã©ã†ãªã‚“ã ã‚?ã€Ždocument.addEventListener('focus',function(e){},false);ã€

JavaScript

Greasemonkey

event

tips
ãƒªãƒ³ã‚¯
Detecting event support without browser sniffing â€” Perfection Kills
One of the pain points of feature testing in client-side scripting is that for event support. DOM doesnâ€™t really specify any means to detect exactly which events browser understands and can work with. If youâ€™d like to know if a browser supports, say, â€œdblclickâ€ event, youâ€™re pretty much out of luck. This is probably the reason why so many scripts on the web employ unreliable browser sniffing in su
monjudoh 2010/07/08
ã‚ã‚‹eventã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‹åˆ¤å®šã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€Žel.setAttribute(eventName, 'return;'); isSupported = typeof el[eventName] == 'function';ã€

JavaScript

event

tips
ãƒªãƒ³ã‚¯
çµæ§‹å‰ã‹ã‚‰åŽé›†ã—ã¦ã„ãŸæµ·å¤–ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰é¢ç™½ã„custom eventã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ - monjudohâ€™s diary
jQueryã§ã¯éžDOMã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã‚‚eventã‚’bind/triggerã§ãã‚‹ Binding Events To Non-DOM Objects With jQuery ã“ã®ä¾‹ã ã¨window.location.hrefãŒå¤‰åŒ–ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹Timerã§ç›£è¦–ã—ç¶šã‘ã€ å¤‰åŒ–ã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§$( window.location ).trigger('change',data);ã§å¤‰æ›´å‰å¾Œã®æƒ…å ±ã‚’é€šçŸ¥ã—ã¦ã„ã‚‹ã€‚ ãªã®ã§ã€$( window.location ).bind('change',function(ev,data){});ã§é€šçŸ¥ã‚’å—ã‘å–ã‚‹äº‹ãŒã§ãã‚‹ã€‚ hashã§çŠ¶æ…‹ã‚’ç®¡ç†ã—ã¦ã„ã‚‹Ajaxã‚¢ãƒ—ãƒªã§æœ‰åŠ¹ãã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ select boxã§custom eventã‚’æ´»ç”¨ http://trulyevil.com/2009/05/07/custom-events-in-jquery/
monjudoh 2010/05/30
JavaScript

jQuery

event

location.hash

custom event

tips

form
ãƒªãƒ³ã‚¯
æ±Žç”¨çš„ã«currentTarget,target,pageX,pageYã‚’JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã¨ã‚‹æ–¹æ³• - yukobaã®ãƒ–ãƒã‚°
ä½•åº¦ã‚„ã£ã¦ã‚‚å¿˜ã‚Œã¦ã—ã¾ã†ã®ã§ã€è‡ªåˆ†ã¸ã®ãƒ¡ãƒ¢ã€‚JavaScriptã¯IEã ã‘ã€ã‚¤ãƒ™ãƒ³ãƒˆãŒç‰¹æ®Šãªã®ã§ã€æ±Žç”¨çš„ã«æ‰±ã†ãŸã‚ã®æ–¹æ³•ã€‚ä»Šã€åƒ•ãŒæ¬²ã—ã„ã®ã¯ã€currentTarget, target, pageX, pageYã®4ã¤ã§ã™ã€‚ä½•ã‹ã®å‚è€ƒã«ã©ã†ãžã€‚IEã¯5ä»¥é™ã«å¯¾å¿œã—ã¦ã¾ã™ã€‚Firefox 3.6, Chrome 4, Safari 4, Opera 10ã§ç¢ºèªã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><script type="text/javascript"> window.onload = function() { document.getElementById("a").onclick = fu
monjudoh 2010/03/01
JavaScript

event

ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶

tips
ãƒªãƒ³ã‚¯
Using setTimeout to Delay Showing Event-Delegation Tooltips | Learning jQuery
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, Jan Aagaard asked how we might go about enhancing the script by adding a small delay before showing a tooltip. The answer lies with two JavaScript functions, setTimeout() and clearTimeout(). Setting Up Picking up where we left off last time, I'm going to create the tool
monjudoh 2009/12/30
JavaScript

jQuery

tips

event

Timer
ãƒªãƒ³ã‚¯
Binding Multiple Events to Reduce Redundancy with Event-Delegation Tooltips | Learning jQuery
Last time I showed how to use event delegation to create a simple tooltip for a huge number of elements without running into the probl em of binding an event handler to all of those elements. In this tutorial, I'm going to refine that tooltip script a bit, avoiding some code repetition and fixing a bug that someone pointed out in a comment. For review, here is the final version of the script from t
monjudoh 2009/12/20
ã€Ž.bind('mouseover mouseout mousemove', function(event) {}ã€ã§è¤‡æ•°typeã®eventã«é–¢æ•°ã‚’è²¼ä»˜ã‘ã€ãã®ä¸ã§ã€Žif (event.type == 'mouseover') {ã€ãªã©ã—ã¦å‡¦ç†ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹ã€‚

JavaScript

jQuery

tips

event
ãƒªãƒ³ã‚¯
Brandon Aaron
monjudoh 2009/12/16
JavaScript

jQuery

event

special event

tips
ãƒªãƒ³ã‚¯
Selectors APIã®matchesSelectorã¨ã€å‹•çš„ãªãƒšãƒ¼ã‚¸ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
Selectors APIã®Draftã«ã€matchesSelectorã¨ã„ã†APIãŒå®šç¾©ã•ã‚Œã¦ã„ã¦ã€ç¾åœ¨ã€WebKitã¨Minefieldã®Nightlyã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€‚ ãŸã ã—ã€ãƒ‰ãƒ©ãƒ•ãƒˆãªã®ã§ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒã¤ã„ã¦ã„ã¦ã€Element#webkitMatchesSelectorã‚„Element#mozMatchesSelectorã‚’ä½¿ã‚ãªã‘ã‚Œã°ã„ã‘ãªã„ï¼ˆã¨ã„ã†ã‚ˆã‚Šã€ã¾ã ç›´æŽ¥ä½¿ã†ã«ã¯æ™‚æœŸå°šæ—©ã ï¼‰ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã€‚ var paragraphs = document.getElementsByTagName("p"); paragraphs.it em(0).webkitMatchesSelector("p"); // true paragraphs.it em(1).webkitMatchesSelector("div#main > p"); // <div id="main"><
monjudoh 2009/10/20
è¦ç´ ãŒæ¸¡ã•ã‚ŒãŸCSSã‚»ãƒ¬ã‚¯ã‚¿ã§ãƒžãƒƒãƒã™ã‚‹ã‹èª¿ã¹ã‚‹APIã€‚documentã«eventã‚’è²¼ã‚Šä»˜ã‘ã¦ã€targetã‚’ã“ã‚Œã§åˆ¤å®šã™ã‚Œã°ç°¡å˜ã«live eventãŒå®Ÿè£…ã§ãã‚‹ã€‚

JavaScript

DOM

Selectors API

matchesSelector

event

tips

live event
ãƒªãƒ³ã‚¯
JavaScriptã®é«˜é€ŸåŒ–3 - Hashã«ã‚ˆã‚‹æ¤œç´¢ã‚’æ´»ç”¨ã™ã‚‹ã“ã¨ã§ã€ãƒ‰ãƒ©ãƒƒã‚°ã‚’ã‚‚ã£ã¨ã‚¹ãƒ ãƒ¼ã‚ºã« - latest log
IE6ã®ãƒ™ãƒ³ãƒã‚¹ã‚³ã‚¢ã‚’è¿½åŠ è£œè¶³ã‚’è¿½åŠ ã‚¢ã‚¤ã‚³ãƒ³ã‚„ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ã¤ã‹ã‚“ã§ãšãšã£ã¨ç§»å‹•ã™ã‚‹ã€‚ ã“ã®å‹•ä½œã‚’ã‚‚ã£ã¨ã‚‚ã£ã¨ã‚¹ãƒ ãƒ¼ã‚ºã«ã™ã‚‹ãŸã‚ã«ã€ä½•ãŒã§ãã‚‹ã‹è€ƒãˆã¦ã¾ã—ãŸã€‚ ä»¥ä¸‹ã¯ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ uuClass.MyDrag = uuClass.Generic(); uuClass.MyDrag .prototype = { construct: function() { // ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’åŒ…æ‹¬ã™ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ this._frame = uu.id("WindowFrame"); // ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã§mousedownã•ã‚ŒãŸã‚‰handleEventã‚’å‘¼ã³å‡ºã™ã€‚ uu.event.set(this, uu.id("WindowTitle"), "mousedown"); }, handleEvent: function(evt) { uu.event.stop(evt); // ã‚¤ãƒ™
monjudoh 2008/11/06
IEã®å ´åˆã®ã¿ã€evt.typeã‚’ç›´æŽ¥switch caseã§æŒ¯ã‚Šåˆ†ã‘ã‚‹ã‚ˆã‚Šã€æŒ¯ã‚Šåˆ†ã‘ã‚‹å¯¾è±¡ã®evt.typeã‚’ã‚ãƒ¼ã«æ•°å€¤ã‚’å€¤ã«æŒã¤ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ã¦æ•°å€¤ã«å¤‰æ›ã—ã¦ã‹ã‚‰ã€swicth caseã§æŒ¯ã‚Šåˆ†ã‘ãŸæ–¹ãŒåœ§å€’çš„ã«é€Ÿããªã‚‹ã€‚

JavaScript

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

IE

tips

event
ãƒªãƒ³ã‚¯
Emulating onhashchange without setIntervalâ€”zachleat.com
There is one limitation that all of the major JavaScript browser history management plugins have to hack around: How to tell when there is a change to the location.hash? Sure, you can tell when youâ€™re modifying the hash yourself, but what if the user hits the back/forward button? YUIâ€™s History component and Really Simple History both use setInterval with an internal variable to compare and find ch
monjudoh 2008/08/25
URLã®hashãŒå¤‰æ›´ã•ã‚ŒãŸã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã®ä»£æ›¿å®Ÿè£…

JavaScript

tips

Ajax

event

hashchange
ãƒªãƒ³ã‚¯
eventå¼autoKana.jsã®ç´¹ä»‹ - KAYAC Engineers' Blog
ã™ã§ã«è‹¥å¹²ä¹—ã‚Šé…ã‚Œã¦ã‚‹æ„Ÿã˜ã‚‚ã—ã¾ã™ãŒã€èªã¿ä»®åã®è‡ªå‹•å…¥åŠ›ãŒã¯ã‚„ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ä¹—ã£ã‹ã£ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ï¼ˆIE7,FF2,safari3.1ã§å‹•ä½œç¢ºèªï¼‰ ãŠæ°—ã¥ãã®æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚Œã¾ã§ã®è¨˜äº‹ï¼ˆï¼‘ï¼Œï¼’ï¼Œï¼“ï¼‰ã¯ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã‚‹éŽç¨‹ã§ç™ºè¦‹ã—ãŸã“ã¨ã®ã¾ã¨ã‚ã§ã™ã€‚ ã§ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚çµå±€ã¯èªã¿ä»®åã®è‡ªå‹•å…¥åŠ›ãªã‚“ã§ã™ãŒã€ä»Šã¾ã§ã®autoKana.jsã¨é•ã£ã¦setIntervalï¼ˆor setTimeoutï¼‰ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ ã§ã¯ã©ã®ã‚ˆã†ã«ã—ã¦èªã¿ã‚’å–å¾—ã—ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€IE,safariã§ã¯keyupã€FFã§ã¯textã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã‚ãƒ¼å…¥åŠ›ã‚’å–å¾—ã—ã€ãã®æ™‚ç‚¹ã®ã²ã‚‰ãŒãªã‹ã‚‰èªã¿ã‚’èªè˜ã—ã¦ã„ã¾ã™ã€‚ ã“ã®æ–¹æ³•ã ã¨timerã‚’ã¾ã‚ã™å¿…è¦ãŒãªã„ã®ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è² æ‹…ã‚‚è»½ãã€é«˜é€Ÿã§ã‚ãƒ¼ã‚’å…¥åŠ›ã•ã‚Œã¦ã‚‚å–ã‚Šã“ã¼ã—ã‚‚ãªãã€ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•ãªã®ã§ã‚³ãƒ¼ãƒ‰ãŒçŸããªã‚‹ç‰ã®åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã€o
monjudoh 2008/07/14
ã€ŽIE,safariã§ã¯keyupã€FFã§ã¯textã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¦ã‚ãƒ¼å…¥åŠ›ã‚’å–å¾—ã—ã€

JavaScript

jQuery

event

tips
ãƒªãƒ³ã‚¯
FFã®text eventã«é–¢ã—ã¦ - KAYAC Engineers' Blog
å‰å›žfirebugã®Log Eventæ©Ÿèƒ½ã«é–¢ã—ã¦ç´¹ä»‹ã—ãŸã‚“ã§ã™ãŒã€ãã®ã¨ãè¦‹ã¤ã‘ãŸã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚¤ãƒ™ãƒ³ãƒˆã«é–¢ã—ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€Œtextã€ ç§ã‚‚Log Eventã§è¦‹ã‚‹ã¾ã§çŸ¥ã‚‰ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã“ã‚Œã¯IMEãŒONã®æ™‚ã«keypressã®ä»£ã‚ã‚Šã«å‘¼ã°ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ IE,safariã¯IMEãŒONã§ã‚‚keyup(or keydown)ãŒå‘¼ã°ã‚Œã‚‹ã®ã§ã™ãŒã€FFã¯IMEãŒONã®é–“ã¯keyup(or keydown)ãŒå‘¼ã°ã‚Œãªã„ã®ã§ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯çµæ§‹é‡è¦ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¡ãªã¿ã«jQueryã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦æ•æ‰å¯èƒ½ã§ã™ã€‚ $(':text').bind('text', function () {console.log(this.value)});
monjudoh 2008/07/11
ã€ŽFirefoxã¯IMEãŒONã®é–“ã¯keyup(or keydown)ãŒå‘¼ã°ã‚Œãªã„ã€ã€text eventã¯ã€Žã“ã‚Œã¯IMEãŒONã®æ™‚ã«keypressã®ä»£ã‚ã‚Šã«å‘¼ã°ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ã€

JavaScript

tips

Firefox

event
ãƒªãƒ³ã‚¯
Firebugã®Log Eventsã«é–¢ã—ã¦ - KAYAC Engineers' Blog
ã“ãªã„ã firebugã‚’ã„ã˜ã£ã¦ãŸã‚‰é¢ç™½ã„ã‚‚ã®ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨è©¦ã—ã¦ã¿ãŸã¨ã“ã‚å¯¾è±¡ã®è¦ç´ ã«èµ·ã“ã£ã¦ã„ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’å…¨ã¦ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã‚¿ãƒ–ã¸è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ åŸºæœ¬çš„ã«ã¯è‰¯ãã‚ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚Œã‚‹ã ã‘ãªã‚“ã§ã™ãŒã€IMEã‚’ONã«ã—ãŸçŠ¶æ…‹ã§ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ã™ã‚‹ã¨ã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚¤ãƒ™ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚¤ãƒ™ãƒ³ãƒˆãªã®ã§ã€ã“ã‚Œã«é–¢ã—ã¦ã¯åˆ¥ã«ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚
monjudoh 2008/07/11
JavaScript

Firebug

tips

event
ãƒªãƒ³ã‚¯
1