首頁 > web前端 > js教程 > 主體

js模仿jquery的寫法範例程式碼_javascript技巧

WBOY
發布: 2016-05-16 17:32:09
原創
1048 人瀏覽過

測試程式碼:

複製程式碼 程式碼如下:

(function(){


(function(){
p=new PEvent(document);
p.click(function() {
//alert("點選");
//alert(p.style);
var html= "";
for ( var item in document) {
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;
y=(y menu.clientHeight)>=height? 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();
this.id=new Object( );
this.css=new Object();
}
})();
function g(id){
return document.getElementById(id);
}
在jquery中,處理事件的時候,都可以匿名方法來寫,例如: 複製程式碼


複製程式碼


複製程式碼


複製程式碼複製程式碼
程式碼如下:


obj.click(function(){
alert("hello");
});
上訴這種形式。 在方法傳遞參數的時候,可以傳遞fun 方法。 調用呢,就可以這樣調用: 複製代碼 代碼如下: this .dblclick=function(fn){ dom.ondblclick=fn; }
相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板