js模仿jquery的写法示例代码


Posted in Javascript onJune 16, 2013

测试代码:

(function(){ 
var p=new PEvent(document); 
p.click(function() { 
//alert("单击"); 
//alert(p.style); 
var html=""; 
for ( var item in document) { 
html+=item+':'+document[item]+"\r\n"; 
} 
//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; 
}
Javascript 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
Vue高版本中一些新特性的使用详解
Sep 25 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
js实现登录时记住密码的方法分析
Apr 05 Javascript
$.getJSON在IE下失效的原因分析及解决方法
Jun 16 #Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 #Javascript
JS保存、读取、换行、转Json报错处理方法
Jun 14 #Javascript
用js实现控件的隐藏及style.visibility的使用
Jun 14 #Javascript
JavaScript实现表格排序方法
Jun 14 #Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 #Javascript
用js实现输入提示(自动完成)的实例代码
Jun 14 #Javascript
You might like
图形数字验证代码
2006/10/09 PHP
关于访问控制的一首PHP面试题(对属性或方法的访问控制)
2012/09/13 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
php bootstrap实现简单登录
2016/03/08 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
浅谈Vue的基本应用
2016/12/27 Javascript
JS作用域深度解析
2016/12/29 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
Python 统计字数的思路详解
2018/05/08 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
python初步实现word2vec操作
2020/06/09 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
计算机专业自我鉴定
2013/10/15 职场文书
毕业自我评价
2014/02/05 职场文书
会计学生自我鉴定
2014/02/06 职场文书
房屋租赁协议书
2014/04/10 职场文书
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
原告代理词范文
2015/05/25 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python