- 浏览: 3291996 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
1,DOM0级 优点是兼容所以浏览器
2,DOM2级 标准浏览器
3,IE事件处理办法
4,兼容各浏览器解决办法
<input type="button" id="btn1" value="我是按钮" />
1,DOM0级 优点是兼容所以浏览器
/* 1, DOM0级 优点是兼容所以浏览器*/ var btn1 = document.getElementById("btn1"); btn1.onclick=function(e){ alert("Button Clicked"); e.stopPropagation();//注释的话,会继续弹出"body Clicked"。IE8及以前不支持 } btn1.onclick=null;//删除事件处理程序
2,DOM2级 标准浏览器
/* IE7-8下不识别 */ var btn1 = document.getElementById("btn1"); btn1.addEventListener("click",function(e){ alert(e.currentTarget);//[object HTMLInputElement] alert(e.target); //[object HTMLInputElement] alert(e.srcElement); //FF空,Chrome是[object HTMLInputElement] //this是当前元素 alert(this === window);//false },false);
3,IE事件处理办法
/* 非IE下报错 */ var btn1 = document.getElementById("btn1"); btn1.attachEvent("onclick",function(e){ alert(e.currentTarget);//undefined alert(e.target); //undefined alert(e.srcElement); //[object HTMLInputElement] //this是window alert(this === window);//true });
4,兼容各浏览器解决办法
var EventUtil = { addEvent:function(element, type, handler){ if(element.addEventListener){ element.addEventListener(type, handler, false); }else if(element.attachEvent){ element.attachEvent("on"+type, handler); }else{ element["on"+type] = handler; } } }; //调用方式 var handler = function(){ alert("clicked"); } EventUtil.addEvent(btn1, "click", handler);
发表评论
-
js浏览器端判断当期是否在线
2015-04-17 20:50 2336作者:zccst 纯浏览器端解决办法就是轮询,img轮询和a ... -
scroll时判断向下滚动还是向上滚动
2015-03-30 16:53 38212作者:zccst 有时候需要用到,判断页面是向上还是向下滚动 ... -
[BOM]navigator知识点
2015-03-20 14:42 4816作者:zccst 历史 最早的时候有一个浏览器叫NCSA ... -
[html5]navigator.online属性检测用户是否在线
2015-03-20 14:11 5274作者:zccst navigator.online属性检测用 ... -
document.body、document.documentElement和window获取视窗大小的区别
2015-03-04 15:12 27547作者:zccst 参考网址:http://www.ido32 ... -
Document,Node,Element,HTMLDocument ,HTMLCollection,HTMLElement,NodeList
2015-01-05 15:38 7526作者:zccst 这个问题如 ... -
doctype和compatModel相关
2015-01-04 19:30 678作者:zccst 一、doctype 1,严格模式与混杂模 ... -
window.history
2014-12-23 10:37 9992作者:zccst 旧版: f ... -
js 页面刷新location.reload和location.replace的区别小结
2014-12-02 20:57 129477作者:zccst reload 方法,该方法强迫浏览器刷新当 ... -
又一次掉进encodeURIComponent的坑里了
2014-11-05 18:21 22401作者:zccst 原坑: get请求 ajax.get ( ... -
DOM元素在浏览器中的位置参数,如offset,ownerDocument
2014-10-08 17:07 4212作者:zccst 2014-10-21 区分clientX ... -
js跨域的多种解决办法
2014-09-20 09:41 897作者:zccst 2015-3-11 JavaScript ... -
[Event]事件(高程版)(一)事件类型
2014-06-17 17:59 668作者:zccst 一、UI事件 1,load 两种添加方式 ... -
target与currentTarget的区别(jqueryui方式获取z-Index)
2014-06-17 12:00 15876作者:zccst 2014-6-25 今天看了jQuery ... -
JSONP原理及实现
2014-06-09 16:47 12286作者:zccst 2015-04-30 更新 跨域实现的 ... -
事件基础(高程版)
2014-06-09 16:37 980作者:zccst 2014-5-4 一、事件流 标准:DOM ... -
DOM0-节点关系,节点操作API
2014-06-09 15:29 913作者:zccst 2014-09-20 补 ... -
document操作iframe
2013-12-13 16:26 1220作者:zccst //在iframe内获取父页面节点 win ... -
js-location对象
2013-12-11 17:05 1460zccst总结 2015-04-14 获取location的 ... -
document.body.scrollTop和document.documentElement.scrollTop
2013-09-14 14:44 1330作者:zccst 网页可见区域宽: document.bo ...
相关推荐
QT 中 QEvent 和 QKeyEvent事件的处理,其中QEvent包含QKeyEvent和QMouseEvent事件处理,在event中处理QKeyEvent事件将影响单独的QKeyEvent的事件处理函数
资源下载 event事件大全!请支持啊资源下载 event事件大全!请支持啊
mtk中event事件传输及响应事件的分析!
event 事件机制, 游戏或者各种操作行为的事件。
一个简单的关于VB的事件处理过程的演示程序,可以通过这种思想处理一些繁琐的过程^_^
附件包含 list.c list.h event.c 三个测试文件,功能完成简单的事件调用机制,对嵌入式架构来说有一定的优势
Event是Javascript中的重要事件,event代表事件的状态,专门负责对事件的处理,它的属性和方法能帮助我们完成很多和用户交互的操作,下面是对这个对象的简单总结,希望跟大家一起学习
易语言利用Event事件实现多线程暂停继续源码。@Wlpha。
在窗口程序设计里,事件的设计是不可或...Java的java.awt.event包中包含了许多用来处理事件的类和接口。 Java支持授权事件模型,在授权事件模型中,事件从一个事件源授权到一个或多个事件聆听者(事件监视器)。 ......
维多利亚时代event事件代码.doc
C# Event Bus Demo C# 事件总线实例 非常简单的事件总线实例,学习入门的基础
event-kit, 实现和使用事件处理程序的简单库 事件工具包 这是一个实现事件订阅api的简单库。实现事件订阅 api{Emitter} = require 'event-kit'class User constructor: -> @emi
详细介绍PB 事件ID 的含义,方便初学者更快了解pb event
《javascript》——event对象与事件
java事件处理机制ppt 有3种角色: ...3.event listener:具体的对监听的事件类,当有其对应的event object产生的时候,它就调用相应的方法,进行处理。在windows程序设计里边这种相应使用callback机制来实现的
非常好的onvif Event汉语资料,文档中详细阐述了onvif 事件处理模块的交互过程,对于做onvif开发有很大的帮助!
复杂事件处理(Complex Event Processing)技术的分析,案例介绍。
Javascript中的事件--Event对象
该文档很好的总结了event事件的使用。请学习html的学吧们好好看哦