js中的pc端触摸事件是什么

2024-09-03

js触摸事件

touch事件的绑定电脑端的mouseDown,mouseUp,mouseMove分别对应移动端的touchstart,touchend,touchmove 下面的代码判断浏览器是电脑端还是移动端,如果是电脑端,就绑定鼠标事件:如果是移动端,就绑定触摸事件. 需要注意的是,绑定触摸事件的时候需要通过addEventListener方式 function bindEventListenerAccordingPlatform() { if (/Android|webOS|iPhone|iPod|B

HTML5移动端触摸事件

一.移动端事件问题 1.click事件300ms延迟问题 2007年第一代iphone发布,移动端Safari首创双击缩放功能,原理是click一次后,经过300ms之后检测是否再有一次click,如果有就会缩放,如果没有则是一个click事件.所以cilck操作会有卡顿感觉. 2.dblclick事件失效由于双击缩放的存在,移动端的dblclick事件也失效了. 二.移动端触摸事件 touchstart 在屏幕上按下手指时触发 touchmove 在屏幕上移动手指时触发 touche

js事件、Js中的for循环和事件的关系、this

一.js事件 1.事件用户在网页中所触发的行为鼠标滑动种类很多,键盘.表单特列: 点击:onclick 鼠标进入:onmouseenter 鼠标离开:onmouseleave 鼠标悬浮:onmouseover 鼠标移除:onmouseout 鼠标按下:onmousedown 鼠标抬起:onmouseup 鼠标移动:onmousemove 表单聚焦:onfocus 表单失去焦点:onblur 浏览器加载完成:onload js事件是一直存在的,可以绑定方法,也可以不绑定,如果没有绑定,事件

【输入法】向Android端Gboard字典中导入PC端搜狗细胞词库

[输入法]向Android端Gboard字典中导入PC端搜狗细胞词库环境 Android 5.1.1 Gboard 8.7.10.272217667-release -armeabi-v7a PC端工具需要词库转换器(深蓝词库转换2.6) 编辑器(需要有正则表达式的替换功能以及改编字符编码的功能,个人用的Notepad++7.8) 步骤 1. 在搜狗词库官网下载自己需要的细胞词库. 文件格式为.scel,双击可以导入到搜狗输入法的词库.现在不用双击导入,记住文件路径即可. 2. 用词库转换器

js 处理移动端触摸事件

在处理移动端的touch事件时,我们可以选择一些插件来处理,比如jquery ui touch punch.js 提供丰富的触摸效果,可以满足移动端的开发, 但是,有些移动端开发中,并不需要如此复杂的效果,例如我们只需知道滑动的距离,向左还是向右,我们可以自己写一些代码来处理touch事件: 以下代码,只在触摸情况下支持,电脑需要chrome模拟手机: 可以改造成自己需要的效果: <!doctype html> <html> <head> <meta charse

js实现禁止pc端浏览器缩放和获取当前页面浏览器的缩放大小

众所周知:移动端页面禁止用户缩放界面只需加上<meta name="viewport" content="user-scalable=0">即可,但是pc端确实比较麻烦,用户可以通过如下几种方式来缩放: windows: ctrl + +/- ctrl + 滚轮浏览器菜单栏 mac: cammond + +/- 浏览器菜单栏由于浏览器菜单栏属于系统软件权限,没发控制,我们着手解决ctrl/cammond + +/- 或 Windows下ctrl +

JS中的DOM操作和事件

[DOM树节点] DOM节点分为三大类: 元素节点. 属性节点. 文本节点: 文本节点.属性节点属于元素节点的子节点.操作时,均需要先取到元素节点,再操作子节点:可以使用getElement系列方法,取到元素节点. [查看元素节点] 1.getElementById:通过id取到唯一节点.如果ID重名,只能取到第一个. getElementsByName(): 通过name属性 getElementsByTagName(): 通过标签名 getElementsByClassName():

js中一次性注册多个事件

在js中,如果想一次性给一个控件或者标签初测多个事件的方法: 假如有个<input>标签: <input id=”inputValue” value=”www.baidu.com”/> 现在要对这个input标签,同时注册失去焦点(blur)和按enter事件(e.keyCode==13): <script type=”text/javaScript”> //一次性注册多个事件 $(“#inputValue”) .on(“blur”),function(){ //执行的

js判断是pc端还是移动端

function checkMobile() { var pda_user_agent_list = new Array("2.0 MMP", "240320", "AvantGo", "BlackBerry", "Blazer", "Cellphone", "Danger", "DoCoMo", "Elaine/3.0", &

js中按下回车触发事件

方法一:document.onkeydown = function (e) { // 回车提交表单// 兼容FF和IE和Opera var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { queryInfo(); }} 方法二: JS监听某个DIV区域 $("#queryTable").bind(&quo

js中容易被忽视的事件问题总结

一:跨平台事件什么叫跨平台事件?即在不同的浏览器上执行同一事件,所使用的方法不同. 什么是EventUtil对象?有什么作用?即将所有与事件相关的函数,融合在一起的一个容器,方便管理事件对象,它没有属性.主要处理DOM事件和IE事件的磨合,使其尽可能的相似. 下面我们来看一下DOM和IE之间的对象属性和方法做个对比(这里只指出两者之间不同的属性和方法),主要有以下五大点: DOM属性和方法 IE属性和方法 charcode keycode preventDefault returnValue=

Js中的onblur和onfocus事件

html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作.本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用. 一. onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现. 以下的文本框,当鼠标指针移过去时,里面的文字全部被选中: 请输入网址这是怎么做的呢?看以下代码及解释: <input type=

移动端触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel[转]

转:http://www.cnblogs.com/irelands/p/3433628.html 1.Touch事件简介pc上的web页面鼠标会产生onmousedown.onmouseup.onmouseout.onmouseover.onmousemove的事件,但是在移动终端如 iphone.ipod Touch.ipad上的web页面触屏时会产生ontouchstart.ontouchmove.ontouchend.ontouchcancel 事件,分别对应了触屏开始.拖拽及完成触屏

监听微信端，手机端，ios端的浏览器返回事件，pc端关闭事件

直接上代码了,可以监听微信端,手机端,iOS端的浏览器返回事件,关闭事件不支持当进入该页面,我们就给这个history压入一个本地的连接.当点击返回.后退及上一页的操作时,就进行监听,在监听代码中实现自己操作 window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 }, false); 虽然我们监听到了后退事件,但是页面还是会返回上一个

Js中的onblur和onfocus事件应用介绍

html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用 html页面中,诸如按钮.文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作.本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用. 一. onfocus(获得焦点事件)当一个文本框获得焦点时,它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocu

移动端触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel

1.Touch事件简介 pc上的web页面鼠标会产生onmousedown.onmouseup.onmouseout.onmouseover.onmousemove的事件,但是在移动终端如 iphone.ipod Touch.ipad上的web页面触屏时会产生ontouchstart.ontouchmove.ontouchend.ontouchcancel 事件,分别对应了触屏开始.拖拽及完成触屏事件和取消. 当按下手指时,触发ontouchstart: 当移动手指时,触发ontouchmo

一些pc端web事件移动端不再可行

1.onkeyUp,onkeyDown,onkeyPress等事件不再管用,要用oninput代替 2.onclick事件会有延迟,因为手机需要等待判断是否是双击事件(ondblclick).所以,最好用touchstart事件代替. 3.onmousemove事件用touchmove事件代替 4.touchend事件表示手指离开屏幕时触发. 5.给dom元素注册事件用document.getElementById('eleId').addEventListener('touch

JS中如何巧妙的用事件委托

常见场景:页面有多个相同的按钮需要绑定同样的事件逻辑. 如下HTML,实现:点击每个按钮,当它的 data-id不为null的时候输出它的data-id(实际业务中会有更复杂的逻辑) <ul id="parent"> <li class="btn" data-id="1">按鈕1</li> <li class="btn" data-id="2">按鈕2<

js中for循环点击事件（闭包）

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function onMyLoad(){ var arr = document.getElementsByTagName("p"

js中模拟移动端长按效果

我们都知道 js 是有onmousedown(鼠标按下事件)和onmouseup(鼠标抬起事件),刚开始我的思路是鼠标抬起时间减去鼠标按下时间 var oDiv = document.getElementById('div1'); var timer1; var timer2; oDiv.onmousedown = function () { timer1 = new Date(); } oDiv.onmouseup = function () { timer2 = new Date(); v

js中当for循环中有事件要使用循环变量时，变量用var声明和let声明的区别

var 声明一个全局变量,声明的变量会变量提升: let 声明一个局部变量: 当页面加载完后,for循环也结束了,如果用var声明的变量此时也随着for循环的结束而自增到满足结束循环的条件, 此时调用for循环中的事件来获取变量,变量的值已经是自增完后的值了: 如果是let声明的变量,由于是个局部变量,只在for循环里面能别使用,不会因为页面加载的结束而影响事件获取每次 for循环中变量的值. 也可以使用闭包函数来获取用var声明的变量的值使与let声明的值有一样的作用:

js中的pc端触摸事件是什么

热门专题