dojoイベントバインド
1685 ワード
Dojoがイベントの小さなdemoを動的にバインドする方法
<html>
<title> test</title>
<head></head>
<style>
.reds{
color:red;
}
.sizes{
font-size:30px;
}
</style>
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<body>
<div>
<span id="span1">span1</span>
<span id="span2">span2</span>
</div>
<input type="button" value="test_bind_function" id="bind_test"><br>
<button onclick="bind()"> </button><br>
<button onclick="unbind()"> </button><br>
</body>
</html>
<script>
function test(){
dojo.query("span").map(function(item,index){
//alert(item.innerHTML);
dojo.connect(item,"onclick",function(){
alert(item.innerHTML);
});
});
}
var handle;
function bind(){
handle = dojo.connect(dojo.byId("bind_test"),"onclick",function(){
alert(" ");
});
}
function unbind(){
dojo.disconnect(handle);
}
//dojo
if(dojo.isIE){
alert("dojo.isIE");
}else{
alert("is not explorer");
}
function init(){
test();
}
// onload , , ,
dojo.addOnLoad(init);// dojo.ready(function(){});
</script>