触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息: 普通浏览器支持 event(传参),IE678支持 window.event(无参),兼容写法: client、page、screen三者之间的区别: pageX、pageY在IE678中不支持,兼容写法 ...
分类:
Web程序 时间:
2017-12-04 11:35:50
阅读次数:
188
$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches... ...
分类:
其他好文 时间:
2017-11-10 18:29:14
阅读次数:
171
最近很多人问我这个东西是怎么实现的。 那我就分享一下吧 :grin: 复制上面的代码 粘贴到这里就好啦 最后说一下 有些模板和这份代码有CSS冲突 所以有可能显示不出来。。 ...
分类:
其他好文 时间:
2017-11-08 13:32:34
阅读次数:
188
document.addEventListener('touchstart',function(ev){ startY=ev.targetTouches[0].pageX; },false); document.addEventListener('touchmove',function(ev){ e ...
分类:
移动开发 时间:
2017-10-14 14:35:59
阅读次数:
260
<script type="text/javascript"> /* 鼠标点击特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("冻品汇" ...
分类:
其他好文 时间:
2017-10-11 15:32:10
阅读次数:
145
拖拽效果在网站中是很常见的一种效果,其实现原理很简单,不过其中也隐藏了不少关键知识点,比如说焦点丢失问题等。接下来看看具体代码是怎么实现的。 css样式(注意:元素要定位,不然没有效果) html结构(这里为什么使用行内样式,因为后面操作需要获取元素的css样式,原生的js只能获取行内样式css。) ...
分类:
Web程序 时间:
2017-10-08 14:42:58
阅读次数:
229
import React,{Component,PropTypes} from 'react';import {circleFunction} from '../main';//绑定thisimport {method} from '../common';//通用方法集合import BannerT... ...
分类:
其他好文 时间:
2017-10-06 22:28:27
阅读次数:
524
offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距) offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距) clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距) clientHeight //返回 ...
分类:
编程语言 时间:
2017-09-28 13:09:04
阅读次数:
315
ListenerScoller () { var pageIndex = 1; var startX, startY; document.addEventListener('touchstart',function (ev) { startX = ev.touches[0].pageX; start... ...
分类:
移动开发 时间:
2017-09-22 19:06:21
阅读次数:
701
这篇DOM说一说饱受争议window对象,还好window对象已经作为HTML5的一部分被添加到HTML规范之中了 1. 获取window 可以使用两种方法获取window对象, 正规的HTML5方式是在document对象上使用defaultView属性; 另一种则是使用浏览器都支持的全局变量wi ...
分类:
其他好文 时间:
2017-09-20 00:53:50
阅读次数:
198