- 博客(12)
- 收藏
- 关注
转载 window.event.srcElement与window.event.target 触发事件的元素
IE浏览器支持window.event.srcElement , 而firefox支持window.event.target; <input type="text" onblur="method()"> <script>function method(){ alert(window.event.srcElement.value);//用window.eve...
2016-05-24 22:27:00 168
转载 js中的事件委托
什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。 好处呢:1,提高性能。 我们可以看一个例子:需要触发每个li来改变他们的背景颜色。 <ul id="ul"&...
2016-05-24 21:37:00 94
转载 DOM0,DOM2,DOM3 事件基础知识
事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,); DOM0就是直接通过 onclick写在html里面的事件, 比如: <input onclick="alert(1)" /> D...
2016-05-24 15:25:00 116
转载 jq绑定事件的4种方式
jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前...
2016-05-24 14:19:00 237
转载 JS事件的三种方式
1、直接在元素上绑定回调函数 <button id="btn" onclick="clickBtn()">click me</button>2、JS获取DOM元素对象后,对onclick属性赋值,绑定事件: document.getElementById('btn').onclick=clickBtn;3、JS获取DOM对象后,调用对象的addEve...
2016-05-24 14:17:00 159
转载 浏览器事件
JS实现浏览器部分自带的前进后退及刷新等功能一、【文件(F)】菜单中的命令的实现 1、〖打开〗命令的实现 [格式]:document.execCommand("open") [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。 [举例] 在 之间加入: http://blog.163.com/yuxiangtong05...
2016-05-24 13:59:00 109
转载 JS阻止冒泡事件以及默认事件发生的简单方法
如果<p>是在<div>里面,那么呢,<P>有一个onclick事件,<div>也有onclick事件,为了触发<P>的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数: 代码如下: function stopBubble(e){ if(e&&e.stopPropagation){//...
2016-05-24 13:43:00 134
转载 自适应宽度的瀑布流实现思路
这里主要介绍瀑布流的一种实现方法:绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css)+javascript了,ajax和json是滚动加载更多内容的时候用到的,感兴趣的你可以参考下哦 这样的布局并不陌生,从2011年Pinterest创立以来,中国互联网就迅速掀起了一股模仿Pinterest的热潮,国内有众多网...
2016-05-24 01:06:00 325
转载 使内容宽度等于可视框宽度
JS: $("body").css("width", $(window).width()); CSS: body{overflow-x:hidden;} 同理table $(".tableMain").css("width",$(".tableMainHead").css("width")); 转载于:https://www.cnblogs.com/vage...
2016-05-23 22:27:00 114
转载 javascript 获取滚动条高度+常用js页面宽度与高度
/* 取窗口滚动条高度*/function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop;...
2016-05-23 15:36:00 129
转载 可见区宽度
//js兼容各浏览器 varh=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;//height varw=window.innerWidth||document.documentElement.clientWidth||d...
2016-05-23 15:11:00 158
转载 iframe的自适应高度
<iframe src="index.html" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="reinitIframeEND();"> </iframe><script type="text/javascript" language="ja...
2016-05-23 15:10:00 85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人