構造から振る舞いを分離するBehaviour.js

http://bennolan.com/behaviour/

今まではHTMLのタグ中にイベントハンドラが埋まってしまい、構造と振る舞いの分離が行われていませんでした。Behaviour.jsを使うと、構造から振る舞いを分離することができます。

公式サイトより例を引用します。

◇ Behaviourを使わない場合

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

◇ Behaviourを使う場合

HTML

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

Javascript

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

		}
	}
};

Behaviour.register(myrules);