js 事件小结

【js 事件小结】的更多相关文章

1,事件对象 e || window.event //ie 2, 取鼠标点击坐标带有滚动条的 var top = document.documentElement.scrollTop || document.body.scrollTop;//chorme var x = top + e.clientX; //可视区坐标 3, 获取屏幕坐标 e.screenX e.screenY 4, shiftKey altKey ctrlkey 5,onkeydown/onkeyup…

js事件小结

首先事件绑定分为2种方法一种为"DOM0级"方法,这里我理解为事件指定 var oDiv = document.getElementById("div1"); oDiv.onclick = function(){ alert(this.id); }; 第二种为"DOM2级"方法我理解为绑定 IE8及以下:attachEvent(on+事件名,执行的函数); 其他浏览器(IE9+ FF chrome之类的):addEventListener(事…

深入浅出js事件

深入浅出js事件一.事件流事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念是为了解决页面中事件流(事件发生顺序)的问题. <div id="outer"> <p id="inner">Click me!</p> </div> 上面的代码当中一个div元素当中有一个p子元素,如果两个元素都有一个click的处理函数,那么我们怎么才能知道哪一个函数会首先被触发呢? 为了解决这个问题微软和网景提出了两种几乎完全相反…

一文梳理JS事件

JavaScript与HTML的交互是通过事件进行的.事件,就是文档或浏览器窗口发生的一些特定的交互瞬间. 事件流事件捕获事件冒泡事件处理程序事件委托 1. 事件流如果单机页面上的某个按钮,认为单击事件不仅仅发生在按钮上.火炬话说,在单击按钮的同时,你也单击的按钮的容器元素,甚至也单击了整个页面. 事件流描述的是从页面中接收事件的顺序.有意思的是,IE和Netscape开发团队提出了几乎完全相反的事件流的概念.IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流. 1.1…

dynamic-css 动态 CSS 库，使得你可以借助 MVVM 模式动态生成和更新 css，从 js 事件和 css 选择器的苦海中脱离出来

dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化而触发一些效果,原本你要写 js 去绑定滚动事件,然后计算偏移量,然后更新元素 css,使用 dynamic-css,你只要根据语法去写好 css 表达式就可以了.对于一些原本需要复杂的 js 判断的动态 css,用 dynamic css 表达式几行代码搞定. 举两个例子: 元素跟随鼠标移动实现…

什么是JS事件冒泡？

什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 附一张图: 如何来阻止Js事件冒泡? <!DOCTYPE html> <html> <head&g…

js事件技巧方法整合

window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveTo(0,0);//设置浏览器位置 })() screen.availHeight;//显示屏最高高度 screen.availWidth;//显示屏最宽宽度 /*窗口改变大小事件*/ //js window.onresize = function() { if(resizeTimer==null)…

js事件浅析

js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮');">点击这个按钮</button> 二. 属性绑定(DOM0级事件) 只能绑定一个函数 button.onclick = function() {}; 三. 事件监听函数(DOM2级事件) element.addEventListener(<event-name>, &…

js 事件大全

Js事件大全一般事件事件浏览器支持描述onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件onMouseMove IE4|N4|O 鼠标移动时触发的事件onMouseOut IE4|N3|O3 当…

原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaScript对象属性进行绑定: var a=document.getElementById("a"); a.onclick=function(){alert("你好!")};//这里也可以不用匿名的函数直接赋方法名也是可以的通过以上这种方式进行事件函数的绑定有个缺点就是…