随笔分类 -  JS——方法

摘要:一、.onkeydown 注意:如果按下不抬起,那么会连续触发。第一次的判断间隔时间比较长,如果超过间隔时间还是在按键说明用户需要连续按键,后续间隔时间比第一次按键间隔时间短 写法:元素.onkeydown = function() {} 二、 .onkeyup 写法:元素.onkeyup = fu 阅读全文
posted @ 2017-04-14 12:37 念念念不忘
摘要:浏览器兼容性 1、谷歌、IE : onmousewheel 写法:元素.onmousewheel = 函数名; (1)wheelDelta方法——判断滚轮方向 写法:事件.wheelDelta 描述:火狐没有这个属性,值为undefined 数值: 鼠标滚轮向上滚动:120 鼠标滚轮向下滚动:-12 阅读全文
posted @ 2017-04-13 14:34 念念念不忘
摘要:一、设置全局捕获 写法:元素.setCapture(); 描述:当我们给一个元素设置全局捕获以后,那么这个元素就会监听后续发生的所有事件,当有事件发生的时候,就会触发当前设置了全局捕获的元素。其他事件就跳过不执行了 兼容问题: (1)IE: 有setCapture方法,并且有效果 (2)火狐: 有s 阅读全文
posted @ 2017-04-12 15:51 念念念不忘
摘要:一、拖拽相关方法 1、onmousedown——选择元素 写法:元素.onmousedown = function() {} 2、onmousemove —— 移动元素 写法:元素.onmousemove = function() {} 触发频率:不是像素,而是间隔时间,在一个指定时间内(很短),如 阅读全文
posted @ 2017-04-12 15:01 念念念不忘
摘要:一、事件默认行为 描述:当一个事件发生的时候浏览器自己会默认做的事情 二、return false 作用:阻止默认行为 描述: (1)当前这个默认行为是什么事件触发的,就在这个事件的处理函数中使用return false; (2)return false阻止的是 obj.on事件名称=fn 所触发的 阅读全文
posted @ 2017-04-12 14:37 念念念不忘
摘要:一、第一种 写法:元素.事件名= 函数名; 缺点:给同一个对象的同一个事件只能绑定一个的函数,如果绑定多个会覆盖前面绑定f函数 兼容性:无 二、第二种 优点:可以给一个对象的同一个事件绑定多个不同的函数 兼容性: 1、IE下: (1)写法:元素.attachEvent(事件名称,事件函数); (2) 阅读全文
posted @ 2017-04-11 18:00 念念念不忘
摘要:一、基本信息 执行顺序:先是具体的,然后是一个个父级(如果有一个出去的事件触发了元素,元素就去执行这个函数,先是元素本身先执行) 事件冒泡机制描述: 当一个元素接收到事件的时候,会把他接收到的所有传给他的父级,一直到顶层window 二、方法 1、给元素oDiv1加事件处理函数,也叫事件函数的绑定 阅读全文
posted @ 2017-04-07 20:43 念念念不忘
摘要:一、event 基本信息 描述: (1)event 是事件对象 , 当一个事件发生时,当前对象发生这个事件的相关信息都会被临时保存到一个指定地方,即event对象,供我们在需要的调用 (2)事件对象必须在一个事件调用的函数里面使用才有内容 兼容性: ie/chrome : event是一个内置全局对 阅读全文
posted @ 2017-04-07 18:29 念念念不忘
摘要:一、基础信息 有焦点的元素:不是所有元素都有焦点,能响应用户操作的才有焦点。例如:<a><input> 二、设置焦点的方法 1、鼠标点击 2、电脑Tab键 3、JS 三、焦点事件 1、.onfocus——元素获取焦点时触发 写法:元素.onfocus = function() {} 2、.onblu 阅读全文
posted @ 2017-04-07 17:12 念念念不忘
摘要:一、.submit() ——提交表单 写法:表单.submit() 二、.onsubmit——当表单被提交的时候触发 写法:表单.onsubmit=function(){} 阅读全文
posted @ 2017-04-01 16:53 念念念不忘
摘要:一、相关操作 1、.tHead——表格头,只有一个 2、.tBodies——表格正文,可有多个 3、.tFoot——表格尾,只有一个 4、.rows——行,可有多个 5、.cells——列,可有多个 写法:元素.tBodies[0].rows[1].cells[1].innerHTML 代表:表格正 阅读全文
posted @ 2017-03-31 19:03 念念念不忘
摘要:一、.previousElementSibling——标准浏览器下元素的上一个兄弟节点 写法:元素.previousElementSibling 描述:在标准浏览器下获取元素的上一个元素类型的兄弟节点 读写性:只读属性 浏览器兼容性:标准浏览器才有的属性 二、.previousSibling——元素 阅读全文
posted @ 2017-03-31 12:36 念念念不忘
摘要:一、.insertBefore——在父级的指定元素前面插入一个新元素 写法:父级.insertBefore(新的元素,被插入的元素) 描述:在指定元素前面插入一个新元素 注意: appendChild,insertBefore,replaceChild都可以操作动态创建出来的节点,也可以操作已有节点 阅读全文
posted @ 2017-03-29 19:16 念念念不忘
摘要:一、.offsetLeft—— 元素到定位父级的left距离 写法:元素.offsetLeft 描述:当前元素到定位父级(.offsetParent)的left距离 读写性:只读属性 浏览器兼容性: 1、(1)普通浏览器:到定位父级的距离 (2)ie7及以下:如果元素本身没有定位,不管是否存在有定位 阅读全文
posted @ 2017-03-29 15:38 念念念不忘
摘要:一、.parentNode——元素的父节点 写法:元素.parentNode 描述:元素的父节点,父节点只有一个 读写性:只读属性 浏览器兼容性:没有兼容问题 二、.offsetParent——元素的有定位属性的父节点 写法:元素.offsetParent 描述:离当前元素最近的一个有定位属性的父节 阅读全文
posted @ 2017-03-29 14:40 念念念不忘
摘要:一、.firstChild——元素第一个子节点 写法:元素.firstChild 描述:标准浏览器下firstChild会包含文本类型的节点。非标准浏览器(IE9以下)下只包含元素节点 读写性:只读属性 浏览器兼容性:标准浏览器,非标准浏览器(IE9以下)都有 实例 1、在标准或非标准浏览器下都设置 阅读全文
posted @ 2017-03-28 19:27 念念念不忘
摘要:一、.shift()——删除数组的第一个数据 写法:数组名称.shift() 返回值:.shift()自身带有返回值,返回的是删除的数据 二、.pop()——删除数组的最后一个数据 写法:数组名称.pop() 返回值:.pop()自身带有返回值,返回的是删除的数据 阅读全文
posted @ 2017-03-27 17:10 念念念不忘
摘要:一、.unshift()——往数组开头添加数据 写法:数组名称.unshift(添加的内容) 注意:.unshift()自身带有返回值,返回的是数组的长度。(IE67不支持.unshift()返回值,返回undefined) 二、.push() —— 往数组的结尾添加数据 写法:数组名称.push( 阅读全文
posted @ 2017-03-27 16:45 念念念不忘
摘要:一、写法:isNaN(变量或函数等) 二、描述: 1、判断是不是数字,不是数字结果是true,是数字结果是false。(讨厌数字) 例如: 2、在函数内部是根据number()的转换结果进行判断,如果number()的转换结果是数字,则返回false 例如: 3、如果number()转换的结果是NA 阅读全文
posted @ 2017-03-15 12:38 念念念不忘
摘要:原理:从左往右依次判断,只认识一个小数点,多余的小数点不认识 写法:parseFloat(变量名) 例子: 阅读全文
posted @ 2017-03-14 18:57 念念念不忘