百度有啊前端框架分析(浏览器内置事件)
2009-10-28 22:29
666 查看
事件是JavaScript中非常重要的一个内容,在百度有啊的前端框架中主要对事件分成了浏览器内置事件和自定义事件两部分。
BBEvent下主要对浏览器内置事件进行了标准化。
target :事件目标对象
BBEvent.target = function(A) { A = A || window.event; return A.target || A.srcElement; };[/code]
isLeftClick :判断是否为鼠标左键点击
BBEvent.isLeftClick = function(A) { A = A || window.event; return (((A.which) && (A.which == 1)) || ((A.button) && (A.button == 1))); };[/code]
pageX :鼠标相对于整个页面的X轴的坐标
BBEvent.pageX = function(A) { A = A || window.event; return A.pageX || (A.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); };[/code]
pageY :鼠标相对于整个页面的y轴的坐标
BBEvent.pageY = function(A) { A = A || window.event; return A.pageY || (A.clientY + (document.documentElement.scrollTop || document.body.scrollTop)); };[/code]
pagePosition :鼠标相对整个页面的坐标
BBEvent.pagePosition = function(A) { A = A || window.event; return { x: BBEvent.pageX(A), y: BBEvent.pageY(A) }; };[/code]
layerX 鼠标相对于当前元素的X坐标(当前元素要position:absolute,否则会跟pageX相同)
BBEvent.layerX = function(A) { A = A || window.event; return A.layerX || A.offsetX; };[/code]
layerY鼠标相对于当前元素的Y坐标(当前元素要position:absolute)
BBEvent.layerY = function(A) { A = A || window.event; return A.layerY || A.offsetY; };[/code]
layerPosition 鼠标相对于当前元素的坐标(当前元素要position:absolute)
BBEvent.layerPosition = function(A) { A = A || window.event; return { x: BBEvent.layerX(A), y: BBEvent.layerY(A) }; };[/code]
preventDefault 阻止浏览器默认动作的发生
BBEvent.preventDefault = function(A) { A = A || window.event; if (A.preventDefault) { A.preventDefault(); } else { A.returnValue = false; } };
stopPropagation 阻止事件冒泡
BBEvent.stopPropagation = function(A) { A = A || window.event; if (A.stopPropagation) { A.stopPropagation(); } else { A.cancelBubble = true; } };[/code]
observe添加事件监听器
stopObserving删除事件监听器
fireEvent触发事件
CustEvent是对自定义事件服务的。
observe
stopObserving
fireEvent
相关文章推荐
- 百度有啊前端框架分析(自定义事件)
- 轻量级前端MVVM框架avalon源码分析
- libevent事件处理框架分析
- YII框架源码分析(百度PHP大牛创作-原版-无广告无水印)
- 关于事件总线框架EventBus和otto一些分析总结
- YII框架分析笔记2:组件和事件行为管理
- 前端开发之旅-JavaScript篇--续 (内置对象、浏览器对象、DOM对象)
- 基于事件驱动的领域模型实现框架 - 分析框架如何解决各种典型业务逻辑场景
- 转载:JS获取回车事件(兼容各浏览器) 另easyul框架的方式
- webuploader前端上前端页面本分析-百度webuploader3
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 百度前端开发框架tangram
- 手机token记录、支付宝、个推、goeasy、手机前端框架、阿里大于、百度编辑器、秀米集成解决方案
- ExtJS前端框架EXT弹出窗口事件
- 理性分析百度封杀淘宝客事件
- 前端框架从头开始-浏览器的判定
- 【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解
- b2c项目基础架构分析(二)前端框架 以及补漏的第一篇名词解释
- 解决layui前端框架 form表单,table表等内置控件不显示的问题
- myEvent.js javascript跨浏览器事件框架