摘要: IE浏览器支持window.event.srcElement , 而firefox支持window.event.target; <input type="text" onblur="method()"> <script>function method(){ alert(window.event.sr 阅读全文
posted @ 2016-05-24 22:27 vagebird 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。 好处呢:1,提高性能。 我们可以看一 阅读全文
posted @ 2016-05-24 21:37 vagebird 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,); DOM0就是直接通过 onclick写在html里面的事件, 比如: DOM2是通 阅读全文
posted @ 2016-05-24 15:25 vagebird 阅读(246) 评论(0) 推荐(0) 编辑
摘要: jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的 阅读全文
posted @ 2016-05-24 14:19 vagebird 阅读(1469) 评论(0) 推荐(0) 编辑
摘要: 1、直接在元素上绑定回调函数 <button id="btn" onclick="clickBtn()">click me</button>2、JS获取DOM元素对象后,对onclick属性赋值,绑定事件: document.getElementById('btn').onclick=clickBt 阅读全文
posted @ 2016-05-24 14:17 vagebird 阅读(305) 评论(0) 推荐(0) 编辑
摘要: JS实现浏览器部分自带的前进后退及刷新等功能一、【文件(F)】菜单中的命令的实现 1、〖打开〗命令的实现 [格式]:document.execCommand("open") [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。 [举例] 在 之间加入: ht 阅读全文
posted @ 2016-05-24 13:59 vagebird 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数: 代码如下: function stopBubble(e){ if(e&&e.stopPropagation){//非I 阅读全文
posted @ 2016-05-24 13:43 vagebird 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 这里主要介绍瀑布流的一种实现方法:绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css)+javascript了,ajax和json是滚动加载更多内容的时候用到的,感兴趣的你可以参考下哦 这样的布局并不陌生,从2011年Pinterest创立 阅读全文
posted @ 2016-05-24 01:06 vagebird 阅读(2710) 评论(0) 推荐(0) 编辑
摘要: JS: $("body").css("width", $(window).width()); CSS: body{ overflow-x: hidden;} 同理table $(".tableMain").css("width", $(".tableMainHead").css("width")); 阅读全文
posted @ 2016-05-23 22:27 vagebird 阅读(206) 评论(0) 推荐(0) 编辑
摘要: /* 取窗口滚动条高度 */function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.document 阅读全文
posted @ 2016-05-23 15:36 vagebird 阅读(10121) 评论(0) 推荐(0) 编辑