mootools 기반 삼격 이벤트 theclick
3405 단어 mootools
사이트는 mootools로 만들어졌기 때문에 여기도 mootools로 이루어집니다.방법은 Element에 있습니다.Events 위에 속성 theclick을 추가합니다.코드 안에서 다른 이벤트처럼 요소를 위해 이벤트를 등록할 수 있습니다.다음은 구현 코드입니다.
Element.Events.theclick={
base:'click',
condition:function(event){
if(event.rightClick) return;// ,
var that=this;
// ,
if(!that.clicki){
that.clicki=0;
}
//
that.clicki++;
// ,
if(!that.timeout){
that.timeout=setTimeout(function(){
that.clicki=0;
delete that.timeout;
},700);
}
// 3, true
return that.clicki==3;
}
};
그리고 호출 페이지에서 호출합니다. 여기에div와document에 각각 세 번의 이벤트가 추가되었습니다.(mootools 프레임워크 파일 참조)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>three click test</title>
<script type="text/javascript" src="js/mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="js/theclick.js"></script>
<style type="text/css">
#test{
height:100px;
width:200px;
border:1px solid silver;
}
</style>
<script type="text/javascript">
document.addEvent("domready",function(event){
$("test").addEvent("theclick",function(e){
alert(" !");
e.stop();
});
document.addEvent("theclick",function(){
alert("document !");
});
});
</script>
</head>
<body>
<div id="test">click here!</div>
</body>
</html>
본문의 demo: 클릭하여 보기
원본 파일 다운로드: 도난 방지 체인 문제로 필요하신 분들은 http://www.tianyirenjian.com/article.php?aid=23다운로드
정상적인 조판은 블로그에 올리기만 하면 혼란스러워진다.어이가 없다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
mootools 기반 삼격 이벤트 theclick최근 사이트 글의 코드 하이라이트 도구는 syntaxhighlighter를 사용하지 않으려고 합니다. 속도가 좀 느린 것 같아서 바로 pre 라벨을 사용했습니다. 그리고class를 사용하여vim를 통해 생성되었습니다...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.