手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js模仿jquery的写法示例代码
js模仿jquery的写法示例代码
摘要:测试代码:复制代码代码如下:(function(){varp=newPEvent(document);p.click(function(){...

测试代码:

复制代码 代码如下:

(function(){

var 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模仿jquery的写法示例代码】相关文章:

在HTML中插入JavaScript代码的示例

jquery实现用户打分评分特效

js事件监听器用法实例详解

光标定位等TextRange的操作的范例代码

jquery实现的判断倒计时是否结束代码

JavaScript中Number.MIN_VALUE属性的使用示例

jQuery聚合函数实例

jquery使用经验小结

动态加载jQuery的方法

js获取滚动距离的方法

精品推荐
分类导航