원소가 보일 때 이벤트를 어떻게 실행합니까
1926 단어 이벤트
<html>
<head>
<title>Example</title>
</head>
<body>
<div id="hiddenNode" style="display:none; width:100px; height:80px;"></div>
<a href="javascript:display()">Display</a>
<script language="javascript">
var Fanappz = Fanappz || {};
Fanappz.setTimeout = function(callback, timeOut){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args);
}
window.setTimeout(_cb,timeOut);
}
Fanappz.onDisplay = function(nodeId, exeFunction){
var node = document.getElementById(nodeId);
if(!node){//No specified node is found.
return;
}
var args = Array.prototype.slice.call(arguments,2);
var display = node.style.display;
if(display == '' || display == 'block'){
exeFunction.apply(null, args);
}else{
var newArgs = [Fanappz.onDisplay, 2000].concat(Array.prototype.slice.call(arguments,0));
Fanappz.setTimeout.apply(null, newArgs);
}
}
function resizeImage(nodeId, src){
var node = document.getElementById(nodeId);
var width = node.clientWidth;
var height = node.clientHeight;
var img = '<img src="' + src + '" width="' + width + '" height="' + height + '"/>';
node.innerHTML = img;
}
var img = 'http://www.google.com.hk/intl/zh-CN/images/logo_cn.png';
Fanappz.onDisplay('hiddenNode', resizeImage, 'hiddenNode', img);
function display(){
document.getElementById('hiddenNode').style.display = 'block';
}
</script>
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React의 특징 2HTML 태그에 이벤트를 할당하려면 이벤트 이름을 camelCase로 명명하고 이벤트 핸들러에 함수를 전달합니다. style을 할당하는 것은 DOM내에 직접 기술하는 방법이나, CSS프로퍼티를 일단 변수에 대입하고 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
