dojo.behavior
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Tutorial: Hello Dojo!</title>
<style type="text/css">
@import "../dojoroot/dijit/themes/tundra/tundra.css";
@import
"../dojoroot/dojo/resources/dojo.css"
</style>
<script type="text/javascript" src="../dojoroot/dojo/dojo.js"
djConfig="parseOnLoad: true,isDebug:true"></script>
<script type="text/javascript">
dojo.require("dojo.behavior");
dojo.addOnLoad(function() {
/* Pass a behavior Object into dojo.behavior.
This object is automatically added once the page loads*/
dojo.behavior.add({
/* The behavior Object is keyed by any combination of CSS
selectors, which can map to a single behavior or a collection of
behaviors */
/* Mapping a key to a function is equivalent to mapping to {found
: function(node) { ... } } */
".container" : function(node) {
//apply some generic styling
dojo.style(node, {
border : "solid 1px",
background : "#eee"
})
},
/* Map the key to a collection of behaviors */
"#list > li" : {
/* DOM events work just like dojo.connect, allowing you to act
on the event */
onmouseover : function(evt) {
dojo.style(evt.target, "background", "yellow");
},
onmouseout : function(evt) {
dojo.style(evt.target, "background", "");
},
/* String values are published as topics */
onclick : "/dtdg/behavior/example/click",
/* "found" is a general purpose handler that allows
manipulation of the node*/
found : function(node) {
dojo.style(node, "cursor", "pointer")
}
}
});
dojo.behavior.apply();
/* Somewhere, out there...a subscription is set up... */
dojo.subscribe("/dtdg/behavior/example/click", function(evt) {
alert(evt[0].target.innerHTML, "was clicked");
});
});
</script>
</head>
<body class="tundra">
<div class="container" style="width: 300px">Grocery List:
<ul id="list">
<li>Bananas</li>
<li>Milk</li>
<li>Eggs</li>
<li>Orange Juice</li>
<li>Frozen Pizzas</li>
</ul>
</div>
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
