タグに動作を定義する

書式

"tagName" : function(el){ 〜 }

tagName : タグ名
el : イベントが発生したエレメント

説明

タグに動作を定義するには、そのままタグ名を指定し、直後に処理する関数を指定します。この関数にはタグ名に対応したエレメントが渡されます。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="behaviour.js"></script>
<script type="text/javascript" src="style.js"></script>
</head>
<body>
<h1>Behaviourサンプル</h1>
<p>
<a href="#">リンク1(マウスを乗せてください)</a><br>
<a href="#">リンク2(マウスを乗せてください)</a><br>
<a href="#">リンク3(マウスを乗せてください)</a><br>
<a href="#">リンク4(マウスを乗せてください)</a><br>
</p>
</body>
</html>


var myRules = {
"a" : function(el) {
el.onmouseover = function(){
this.style.backgroundColor = "#fa0";
};
el.onmouseout = function(){
this.style.backgroundColor = "#fff";
}
}
}
Behaviour.register(myRules);