JS判断浏览器是否支持触屏事件

var hasTouch=function(){ var touchObj={}; touchObj.isSupportTouch = "ontouchend" in document ? true : false; touchObj.isEvent=touchObj.isSupportTouch?‘touchstart‘:‘click‘; return touchObj.isEvent; }…

1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的animation-play-state,就只有部分浏览器支持. 2.检测方法下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: /** * 判断浏览器是否支持某一个CSS3属性 * @param {String} 属性名称 * @return {Boolean} true/false * @…

js判断浏览器是否支持flash的方法

传统浏览器可以使用window.ActiveXObject检查浏览器是否启用相关的控件.检查浏览器是否启用flash控件,需要先检查浏览器是否支持ActiveXObject,可以使用typeof检查window.ActiveXObject是否等于undefined,语法: typeof window.ActiveXObject != "undefined" 如果,window.ActiveXObject不等于undefined,使用new ActiveXObject("Sh…

js判断浏览器是否支持webGL

起因是我之前开发的网页,用到了three.js制作了一个3d的旋转球体效果. 在各种浏览器上运行都没问题,在IE上也做了兼容代码. 但是今天接电话,老板说你这网页在xp上不显示啊.IE上好使.google浏览器不好使. 于是开始解决问题,不禁陷入了沉思.what?网页显示难道还与操作系统有关?google竟然不好使? 于是搭建一个xp虚拟机. 于是下载一个chorme. 惊奇的发现并不能安装最新版本的chrome. 哦?一定是xp上安装的低版本chrome而那时候的chrome还不支持webGL…

JS判断浏览器是否支持某一个CSS3属性的方法

var div = document.createElement('div'); console.log(div.style.transition); //如果支持的话, 会输出 "" //如果不支持的话, 会输出 undefined. //新版本的浏览器不用判断前缀了, 老版本的浏览器还是需要判断前缀 //可参考: http://www.jb51.net/article/56412.htm…

javascript如何判断访问网页的设备及是否支持触屏功能

var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){//如果…

javascript如何判断手机端的浏览器是否支持触碰功能

if(document.hasOwnProperty("ontouchstart")) alert("浏览器支持触屏"); else alert("浏览器不支持触屏");…

(转)js的左右滑动触屏事件

原文:http://blog.sina.com.cn/s/blog_6a0a183f0100zsfk.html (2012-01-20 08:55:53) 转载▼ 标签: 移动设备触屏事件杂谈分类: js js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend.这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标. touchstart在触摸开始时触发事件 touchend在触摸结束时触发事件 touchmove这个事件比较奇怪,按…

js触屏事件

js的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend.这三个事件最重要的属性是 pageX和 pageY,表示X,Y坐标. touchstart在触摸开始时触发事件 touchend在触摸结束时触发事件 touchmove这个事件比较奇怪,按道理在触摸到过程中不断激发这个事件才对,但是在我的 Android 1.5 中,在 touchstart 激发后激发一次,然后剩余的都和 touchend 差不多同时激发. 这三个事件都都有一个 timeStam…

JQuery或JS判断浏览器内核版本号以及是否支持W3C盒子模型

jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support .在更新的 2.0 版本中,将不再支持 IE 6/7/8. 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9. 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9及以下的版本. 如果要全面支持 IE,并混合使用 jQuery 1.9及以下和 2.0及以上版本, 官方的解决方案是使用只有IE识别的条件表达式:…

支持触屏的jQuery轮播图插件

移动轮播图我看到两类, 一款是无线天猫的m.tmall.com和携程,实现了无缝轮播. 一款是蘑菇街的,没有实现无缝轮播. 我自己重写一个,类似天猫. 1.页面代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8"> <head> <meta charset="UTF-8"> <title>基于…

HTML5学习总结-09 拖放和手机触屏事件

一拖放拖放(Drag 和 drop)是 HTML5 标准的组成部分.拖放是一种常见的特性,即抓取对象以后拖到另一个位置.在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放. 课程参考 http://www.w3school.com.cn/html5/html_5_draganddrop.asp 二手机触屏事件 1 触屏事件 touchstart 当手指触摸到屏幕时触发touchmove 手指在屏幕上移动时触发touchend 手指离开屏幕时触发touchenter 当触点进入某个…

移动端touch触屏滑动事件、滑动触屏事件监听！

一.触摸事件 ontouchstart.ontouchmove.ontouchend.ontouchcancel 目前移动端浏览器均支持这4个触摸事件,包括IE.由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1 Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距.最近一个W3C工作组正合力制定这一触摸事件规…

js判断浏览器类型和版本

原网址:http://www.cnblogs.com/rubylouvre/archive/2009/10/14/1583362.html 除了另无它法,肯定不使用navigator.userAgent来判定浏览器.因为在第一次浏览器大战初期,Netscape占绝对统计地位,大部分人们不愿意兼容其他浏览器,并通过检测其UA让他们的网站只允许Netscape访问,这就逼使其他浏览器(包括IE)修改自己的UA伪装成Netscape来通过那些自以为是的脚本,于是出现每个人都声称自己是别人的局面,即使最…

从零开始学 Web 之移动Web（二）JD移动端网页，移动触屏事件

大家好,这里是「从零开始学 Web 系列教程」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的探索之旅吧! 一.案例:JD移动…

Js 判断浏览器类型整理

判断原理 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 判断是否为手机浏览器匹配navigator.userAgent是否含有字符串App…

基于jQuery的移动轮播图（支持触屏）

移动轮播图我看到两款, 一款是无线天猫的m.tmall.com,实现了无缝轮播. 一款是蘑菇街的,没有实现无缝轮播. 我自己重写一个,类似蘑菇街 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基于jQuery的移动轮播图(支持触屏)</title> <style type="text/c…

cocos2d-x触屏事件（单点触屏）

转自:http://blog.csdn.net/onerain88/article/details/7550009 一般经常用到的触屏的情况有两种:一种是Layer统一接收触屏消息,然后由程序根据需要分发给不同位置的精灵:另一种情况是自定义一个可以接收触屏消息的Sprite,比如类似于Button功能的Sprite,这就需要在定义Sprite的时候就要定义好触屏所触发的操作! 下面就两种情况分别记录一下基本用法: 1.Layer接收触屏消息用法很简单,只需要覆写父类的4个方法(可以根据需要,但…

判断浏览器是否支持FileReader

1.js代码: //判断浏览器是否支持FileReader if (typeof FileReader == "undefined") { document.write("您的浏览器不支持FileReader"); } else { document.write("您的浏览器支持FileReader"); } /** * 测试结果说明:Google,FF,IE都支持FileReader * 但是IE9及以下浏览器不支持FileReader */…

js判断浏览器是否安装或启用了flash的方法总结

目录 # js判断浏览器是否安装或启用了flash的方法 # chrome浏览器启用flash插件的方法 # 参考 # js判断浏览器是否安装或启用了flash的方法在传统浏览器,可以使用window.ActiveXObject来检查浏览器是否安装或启用了相关的控件.检查浏览器是否安装或启用了flash控件,首先需要先检查浏览器是否支持ActiveXObject,可以使用typeof检查window.ActiveXObject是否等于undefined,语法: typeof window.Ac…

怎样判断浏览器是否支持canvas

1. 如果网页必须使用canvas, 则需要告知用户更换或更新浏览器. 这时可以通过在<canvas>标签之间添加替代元素进行 <canvas id="c1"> 您的浏览器不支持canvas, 请更换或更新浏览器</canvas> <canvas id="c1"> <img src="/canvasError.jpg" /> </canvas> 2. 如果对不支持canvas…

转:Android随笔之——使用Root权限实现后台模拟全局按键、触屏事件方法（类似按键精灵）

本文转载自CSDN的jzj1993,原文连接:http://blog.csdn.net/jzj1993/article/details/39158865 有时我们需要使用安卓实现在后台模拟系统按键,比如对音量进行调节(模拟音量键),关闭前台正在运行的App(模拟返回键),或者模拟触屏事件.但是对于原生安卓系统而言,后台进程关闭前台进程,甚至模拟用户事件,进而操控整个系统,是不符合系统安全原则的,如果有这样的漏洞被病毒或恶意软件所利用,会非常危险. 由于一些特殊原因,我恰巧需要实现这样的功能,…

js判断浏览器类型 js判断ie6不执行

js判断浏览器类型 $.browser 对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = "Microsoft Internet Explorer " + $.browser.version; } else if ($.browser.mozilla) { binfo = "Mozilla Firefox " + $.browser.version; } else if…

[IOS]自定义长触屏事件

写一个Demo来自定义一个长触屏事件,自定义长按手势. 实现步骤: 1.创建一个自定义手势类,命名为LongPressGestureRecognizer,在创建的时候继承UIGestureRecognizer LongPressGestuRecognizer.h: #import <UIKit/UIKit.h> @interface LongPressGestureRecognizer : UIGestureRecognizer @end LongPressGestuRecognizer.m:…

判断浏览器是否支持某个css3属性的javascript方法

判断浏览器是否支持css3某个属性的方法: /** * 判断浏览器是否支持某一个CSS3属性 * @param {String} 属性名称 * @return {Boolean} true/false * @version 1.0 * @author ydr.me * 2014年4月4日14:47:19 */ function supportCss3(style) { var prefix = ['webkit', 'Moz', 'ms', 'o'], i, humpString = [],…

document.documentElement.style判断浏览器是否支持Css3属性

1.document.documentElement.style 属性定义了当前浏览器支持的所有Css属性包括带前缀的和不带前缀的例如:animation,webkitAnimation,msAnimation等 2.判断浏览器是否支持制定的css属性 function support(cssName) { var htmlStyle = document.documentElement.style; if (cssName in htmlStyle) return true; return…

Android:触屏事件

Android触屏事件包含两种: 1)屏幕触屏事件:重写onTouchEvent(MotionEvent event): 2)控件触屏事件:给控件注册触屏事件,setOnTouchEventListener(...). 屏幕触屏事件效果: 代码: res/values/colors.xml <?xml version="1.0" encoding="utf-8"?> <resources> <color name="red&…

JS 判断浏览器类型，获取位置信息，让手机震动

判断是否是安卓 var isAndroid = /Android/i.test(navigator.userAgent); 判断是否是IOS系统 var isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent); 判断是否是手机浏览器 var isMobile = /mobi/i.test(navigator.userAgent.toLowerCase()); console.log(isAndroid); console.log(isIOS);…

JS判断浏览器类型，JS判断客户端操作系统

JS判断浏览器类型 function judge(){ var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf(, //IE内核 presto: u.indexOf(, //opera内核 webKit: u.indexOf(, //苹果.谷歌内核 gecko: u.indexOf…

判断浏览器是否支持某一个CSS3属性

判断浏览器是否支持某一个CSS3属性 function supportCss3(style) { var prefix = ['webkit', 'Moz', 'ms', 'o'], i, humpString = [], htmlStyle = document.documentElement.style, _toHumb = function (string) { return string.replace(/-(\w)/g, function ($0, $1) { return $1.to…

【JS判断浏览器是否支持触屏事件】的更多相关文章