js는 jquery 작성 샘플 code_javascript 기술을 모방합니다.

테스트 코드:

코드 복사 코드는 다음과 같습니다.

(function(){
var p=new PEvent(document);
p.click(function() {
//alert("click");
//alert(p.style);
var html= "";
for ( 문서의 var 항목) {
html =item ':' document[item] "rn"
}
//alert(html); }) ;
p.dblclick(function() {
alert("더블클릭");
})
p.contextmenu(function(event) {
try{
var x =event.clientX;
var y=event.clientY;
var menu=g("menu");

//판단 좌표
var width=document. body.clientWidth;
var height=document.body.clientHeight;
x=(x menu.clientWidth)>=width?width-menu.clientWidth:x; )>= 높이?height-menu.clientHeight:y;

//alert("보이는 높이: " height ", 마우스 높이: " y)
menu.style.top=y " px";
menu.style.left=x "px";
menu.style.display="block";

}catch(e){
alert(e);
}
return false;
});
function PEvent(dom){

this.x=function() {
this.style.css=dom. style;
}

this.click=function(fn){
dom.onclick=fn;
this.x()

this .dblclick= function(fn){
dom.ondblclick=fn;
}

this.contextmenu=function(fn){
dom.oncontextmenu=fn; 🎜>
this.style=new Po();

function Po() {
this.name=new Object(); id=new Object();
this.css=new Object();
}
})()
function g(id){
return document.getElementById(id) ;
}


jquery에서는 이벤트를 처리할 때 익명 메서드를 작성할 수 있습니다. 예:




코드 복사

코드는 다음과 같습니다:

obj.click(function(){ alert("hello"); }) 이 양식으로 이의를 제기하세요.

메서드에 매개변수를 전달할 때 재미있는 메소드를 전달할 수 있습니다.

은 다음과 같이 호출할 수 있습니다.

코드 복사


코드는 다음과 같습니다.

this .dblclick=function(fn){ dom.ondblclick=fn }