memo.xight.org

日々のメモ

hotkey.js - キー割り当て用ライブラリ

Posted on | Tagged :

Summary

kb.add("キー入力",実行する関数);
でキー割り当てを追加．
キー入力に配列を渡すことで，複数キー割り当ても可能．

Source

var kb = new HotKey;
kb.add(["j","2","down"], function(){rollto(c_pos + 1)});
kb.add(["k","8","up"]  , function(){rollto(c_pos - 1)});
kb.add(["H","home"],     function(){rollto(0)});
kb.add("pageup",         function(){rollto(c_pos-3)});
kb.add("pagedown",       function(){rollto(c_pos+3)});


Reference

最速インターフェース研究会 - 2005-11-04 - キー割り当て用ライブラリを作った
http://la.ma.la/blog/diary_200511041713.htm

Behaviour - Using CSS selectors to apply Javascript behaviours

Posted on | Tagged :

Summary

onclick などのイベントで HTML を汚さずに記述する方法を提供．
CSS selectorを利用して，振る舞いを定義する．

Before

<li>
	<a onclick="this.parentNode.removeChild(this)" href="#">
		Click me to delete me
	</a>
</li>


After

<li>
<ul id="example">
	<li>
		<a href="/someurl">Click me to delete me</a>
	</li>
</ul>

var myrules = {
	'#example li' : function(el){
		el.onclick = function(){
			this.parentNode.removeChild(this);
		}
	}
};

Behaviour.register(myrules);


Reference

Behaviour : Using CSS selectors to apply Javascript behaviours
http://bennolan.com/behaviour/
Prototype JavaScript Framework: Class-style OO, Ajax, and more
http://prototype.conio.net/