取消浏览器事件的默认行为

•(window.event.returnValue)returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理.在超链接的onclick里面禁止访问href的页面. 在表单校验的时候禁止提交表单到服务器,防止错误数据提交给服务器.防止页面刷新.(onsubmit="window.event.returnValue=false;") •window.event.returnValue不兼容火狐浏览器 •FireFox:e. preventDefau

一．问题所在 现代绑定中W3C使用的是:addEventListener和removeEventListener.IE使用的是attachEvent和detachEvent.我们知道IE的这两个问题多多,并且伴随内存泄漏.所以,解决这些问题非常有必要. 那么我们希望解决非IE浏览器事件绑定哪些问题呢? 1.支持同一元素的同一事件句柄可以绑定多个监听函数: 2.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略: 3.函数体内的this指向的应当是正在处理事件的节点

1 /** 2 * @author [xiaoruo] 3 * [EventUtil 跨浏览器事件对象] 4 * @type {Object} 5 */ 6 var EventUtil = { 7 /** 8 * [addHandler 添加跨浏览器事件] 9 * @param {[Object]} element [事件对象] 10 * @param {[String]} type [事件类型] 11 * @param {[Function]} handler [事件函数] 12 */ 13

一.前言 学习了javascript事件后,个人总结归纳了跨浏览器事件对象类库,方便以后使用,现分享给大家. 二.事件对象封装 将对浏览器事件对象的操作封装成eventObject.js方便调用 //跨浏览器事件对象的操作 var EventUtil = { //绑定事件处理程序 addHandler : function(element, type, handler){ if(element.addEventListener){//DOM2级事件处理程序 element.addEventLis

0 Event Object导论 支持DOM0.DOM2的浏览器和IE浏览器实现事件处理程序的不同,除了体现在添加事件处理程序的不同上,还体现在event对象的实现差异上,包括具体的属性和方法.在触发DOM上的某个事件时,都会产生一个event对象,这个对象包含着所有与事件有关的信息.一旦事件处理程序执行完成,event对象就会被销毁.所有浏览器对event的支持方式包括:DOM事件对象和IE事件对象. 1.1 DOM0和DOM2支持的Event对象(针对IE之外的浏览器) 兼容 DOM 的浏览

1.target 通过获取DOM元素 var box = document.getElementById("box"); document.box.onclick = function(){  alert(123);//123 } event对象下的target方法 :获取事件的目标,不用document.getElementById("box")即可获取目标; //W3C下 document.onclick = function(evt){ var e = evt

事件流: 事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). 事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. DOM2级事件处理程序: .addEventListener();      .removeEventListener(); 在IE浏览器中不起作用!IE事件处理程序: .attachEvent();     .detachEvent(); 跨浏览器常用事件处理程序: var eventUt

浏览器事件流是指页面接受事件的顺序: 有事件捕获和事件冒泡: 事件捕获是指从document到html再到body最后到div元素. 事件冒泡是指事件会从div传到body再到html再到最外面的document. 在dom事件流中分为事件捕获,处于目标阶段,事件冒泡. 事件处理程序,也就是绑定事件有html事件处理程序,dom0级事件处理程序,dom2级处理程序,和ie事件处理程序. html处理程序就是在html中绑定事件:<input type="button" name=

现在做的响应式网站,遇到一问题: 网站头上的侧边栏点开始,向下滑动会出现空白,于是,想到要把body禁止滑动 网上搜了很多办法,也不好用 注意: 手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放.所以在调用touch事件时,要注意禁止缩放和滚动. 1.禁止缩放 通过meta元标签来设置. <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">