SJ15215348293-CSDN博客

转载 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 159

转载 js中的事件委托

什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好处呢：1，提高性能。我们可以看一个例子：需要触发每个li来改变他们的背景颜色。<ul id="ul"&...

2016-05-24 21:37:00 86

转载 DOM0,DOM2,DOM3 事件基础知识

事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互;　　事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,);　　DOM0就是直接通过 onclick写在html里面的事件, 比如:<input onclick="alert(1)" />　　D...

2016-05-24 15:25:00 106

转载 jq绑定事件的4种方式

jQuery提供了多种绑定事件的方式，每种方式各有其特点，明白了它们之间的异同点，有助于我们在写代码的时候进行正确的选择，从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前...

2016-05-24 14:19:00 229

转载 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 151

转载浏览器事件

JS实现浏览器部分自带的前进后退及刷新等功能一、【文件(F)】菜单中的命令的实现　　1、〖打开〗命令的实现　　[格式]:document.execCommand("open")　　[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。　　[举例] 在之间加入：　　http://blog.163.com/yuxiangtong05...

2016-05-24 13:59:00 103

转载 JS阻止冒泡事件以及默认事件发生的简单方法

如果<p>是在<div>里面，那么呢，<P>有一个onclick事件，<div>也有onclick事件，为了触发<P>的点击事件时，不触发父元素的点击事件，那么就需要调用如下函数：代码如下:function stopBubble(e){ if(e&&e.stopPropagation){//...

2016-05-24 13:43:00 127

转载自适应宽度的瀑布流实现思路

这里主要介绍瀑布流的一种实现方法：绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css)+javascript了，ajax和json是滚动加载更多内容的时候用到的，感兴趣的你可以参考下哦这样的布局并不陌生，从2011年Pinterest创立以来，中国互联网就迅速掀起了一股模仿Pinterest的热潮，国内有众多网...

2016-05-24 01:06:00 307

转载使内容宽度等于可视框宽度

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 108

转载 javascript 获取滚动条高度+常用js页面宽度与高度

/* 取窗口滚动条高度*/function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.documentElement.scrollTop;...

2016-05-23 15:36:00 123

转载可见区宽度

//js兼容各浏览器varh=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;//heightvarw=window.innerWidth||document.documentElement.clientWidth||d...

2016-05-23 15:11:00 151

转载 iframe的自适应高度

2016-05-23 15:10:00 79

SJ15215348293的博客