<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<script type="text/javascript" src="//kkjs.kkapsner.de/modules/kkjs.load.js?modules=NodeRepresentator"></script>
</head>
<body>
<script type="text/javascript">
var Button = kkjs.NodeRepresentator.extend(function(name){
this.name = name;
}).implement({
_createNode: function(){
var This = this;
return kkjs.node.create({
tag: "button",
childNodes: [this.name],
onclick: function(){
This.emit("click");
}
});
},
_updateNode: function(node){
node.firstChild.nodeValue = this.name;
}
});
function listener(){
alert("test");
}
var b1 = new Button("test");
var b2 = new Button("append listener");
b2.on("click", function(){
b1.removeListener("click", listener);
b1.on("click", listener);
});
var b3 = new Button("remove listener");
b3.on("click", function(){
b1.removeListener("click", listener);
});
document.body.appendChild(b1.createNode());
document.body.appendChild(b2.createNode());
document.body.appendChild(b3.createNode());
</script>
</body>
</html>