ホームページ  >  記事  >  ウェブフロントエンド  >  jsはjqueryを模倣してサンプルコードを書く_javascriptスキル

jsはjqueryを模倣してサンプルコードを書く_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:32:091041ブラウズ

テストコード:

コードをコピー コードは次のとおりです:

(function(){
var p=new PEvent(document);
p.click(function() {
//alert("click");
//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 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); 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.スタイル;
}

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

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

this.contextmenu=function(fn){
dom.oncontextmenu=fn;

this.style=new Po();

関数 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
}
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。