-
IE中的不同事件对象的属性和方法查看全部
-
什么是事件对象？在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 （1）、type属性用于获取事件类型 （2）、target属性用于获取事件目标 （3）、stopPropagation()方法 用于阻止事件冒泡 （4）、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button，button和div都绑定了click事件，如果是事件冒泡，那么点击button的时候，首先触发button的处理函数，然后触发div的处理函数。（由内而外） 如果有时候不想冒泡，也就是不希望div的事件被触发，那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转，可以使用阻止事件的默认行为preventDefault()方法查看全部
-
事件处理程序： 1、HTML事件：事件直接添加在HTML标签里，例如<a onclick="">。 2、DOM0级事件：把函数赋值给一个事件的处理程序属性，例如a.onclick=<func>。 3、DOM2级事件：用于处理指定（addEventListener）和删除（removeEventListener）事件处理程序的操作，例如a.addEventListener("click",<func>,false)。通过addEventListener添加的事件，必须通过removeEventListener移除。 4、IE事件处理程序：IE8-用attachEvent和detachEvent，对应addEventListener和removeEventListener，例如a.attachEvent("onclick",<func>)。 跨浏览器兼容方案： var eventUtil = { addEvent: function(ele, type, listener){ if(ele.addEventListener){ ele.addEventListener(type, listener, false); } else if(ele.attachEvent){ ele.attachEvent("on"+type, listener); } else{ ele["on"+type] = listener; } }, delEvent: function(ele, type, listener){ if(ele.removeEventListener){ ele.removeEventListener(type, listener); } else if(ele.detachEvent){ ele.detachEvent("on"+type, listener); } else{ ele["on"+type] = null; } } };查看全部
-
function getByClass(clsName,parent){ //clsName指代的是要获得的元素的classname，parent指代的是要获得元素的父元素，这里是通过父元素找到classname为指定的clsName的子代元素，从而获得指定的子代元素，并对此子代元素进行后续的操作。 var oParent=document.getElementById(parent), // 通过ID获得父元素 elems=[], //用来存放获取的所有子代元素 elements=Oparent.getElementByTagName('*'); //获取父元素后的所有子代元素 for(var i=0,len=elements.length;i<len;i++){ //通过遍历数组elements中的所有元素，找到classname为指定的clsName的元素 if(elements[i].classname==clsName){ elems.push(elements[i]); //将元素保存到数组中 } } return elems; //当调用这个函数时，获得的就是想得到的元素了。 }查看全部
-
clsname是div里面所有的的class，当传入的claasname=clsname的时候，也就是匹配到了我们传入的classname。 声明多个变量时可以用逗号隔开， 如果你用; 比如申明4个变量， 你就要写 var a; varb;var c; var d; 用逗号可以写成 var a,b,c,d; ？号和：是叫做三元运算符，当parent为true时返回var oParent = document.getElementById(parent)， 意思就是如果parent参数你给了， 就在parent这个父元素里面找clsName的这个对象。 如果parent为空( 你没有给function getByClass(clsName,parent) 中的parent参数)， 那么 就在整个document找clsName的这个类， 相当于parent默认是整个页面。查看全部
-
事件冒泡和事件捕获查看全部
-
IE下事件绑定的函数是attachEvent，它支持全系列的IE，但是如果你在Chrome等其他内核浏览器中使用这个函数去绑定事件，浏览器会报错的。查看全部
-
文档的加载和解析是从头开始解析的js里面有document。getelementbyid（“这是html标记”）这需要用到文档里面的，但是解析到这里的时候还没有遇到过这个id，所以当js写在head里时不发挥作用，应该写在body里面查看全部
-
text-decoration:none;属性规定添加到文本的修饰查看全部
-
ie10以前的浏览器不支持getElementsByClassName()查看全部
-
mouseup查看全部
-
拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标：clientX clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove (表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定，禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果 注意可以把left、top理解成x轴、y轴查看全部
-
另外一个思路：保证鼠标移动到的点的坐标（x1,y1）-初始点击点的坐标(x0,y0)=窗口移动后的左上角坐标（w1,h1）-窗口初始左上角坐标（w0,h0）即可。于是w1=x1-x0+w0,h1=y1-y2+h0。这个思路实现起来似乎更为简单。查看全部
-
onmousedown--当用户按下鼠标时触发 onmouseup---当用户放掉鼠标时触发 onmousemove---鼠标在移动时可以返回一个坐标值 offsetWidth,offsetHeight--网页中获取网页内容高度和宽度，可以用于获取网页中盒子的高度和宽度 用法：box.offsetWidth,box.offsetHeight Window 尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari： window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8、7、6、5： document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth offsetLeft与style.left的区别 offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值， 这同offsetLeft是相同的，区别在于： 1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算， 还用offsetLeft比较方便。 2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left 原理：拖动的时候，光标位置在哪，面板位置就在哪，面板的坐标通过左上角的点来确定。 分析并解决Bug 1、确定光标在屏幕中的位置：clientheight/width 2、确定面板的位置：offsetwidth/height 3、面板的移动位置限制：四个方向 4、删除事件，mouseup方法查看全部
-
mouseover查看全部
举报
0/150
提交
取消