touchmove 的e.target 无法实时获取node

touchmove  的e.target  无法实时获取node  
获取的始终是按下时的target
(在移动端才有这个问题,不方便贴运行代码... 请教各位有没有遇到过这种情况的...)
html:
<div id="box3">
box3
<span style="background:#f99;display:block;height:150px;overflow:hidden;margin-top:75px;"> </span>
</div>

js:
var box3 = document.getElementById("box3"),
    box3_span = box3.getElementsByTagName(‘span‘)[0];

box3.ontouchmove=function(e){
                
                e = e || window.event;
                box3_span.innerHTML = box3_span.innerHTML+‘ ‘+e.touches[0].target.nodeName;
                
        }
        
});

从box3 进入span里面的时候  target一直是DIV
如果从span进入box3的时候  target 一直是SPAN

解决方法:

var x = e.toucher[0].pageX;  
 var y = e.toucher[0].pageY;
 var target = document.elementFromPoint(x, y);

时间: 2024-11-25 20:50:57

touchmove 的e.target 无法实时获取node的相关文章

JS实时获取输入框中的值

实时获取input输入框中的值需要oninput和onpropertychange属性来实现.原因是onpropertychange属性为IE专属,而oninput属性支持大部分浏览器包括IE9及以上的版本. oninput与onpropertychange失效的情况: oninput事件:1. 在脚本中改变value时,不会触发:2.从浏览器的自动下拉提示中选取时,不会触发. 例如: var testinput = document.createElement('input'); if('on

一个实时获取股票数据的安卓应用程序

关键字:Stock,股票,安卓,Android Studio. OS:Windows 10. 最近学习Android应用开发,不知道写一个什么样的程序来练练手,正好最近股票很火,就一个App来实时获取股票数据,取名为Mystock.使用开发工具Android Studio,需要从Android官网下载,下载地址:http://developer.android.com/sdk/index.html.不幸的是Android是Google公司的,任何和Google公司相关的在国内都无法直接访问,只能

用angular实时获取本地localStorage数据,实现一个模拟后台数据登入的效果

研究了一上午,终于做出了,实时获取本地localStorage来模拟注册登入~~~ <!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>我们虽然很穷,但是我们有梦想</title><script src="angular.js"></script></head>

实时获取网络时间 并转换为北京时间的函数

unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Classes, Vcl.Graphics, Vcl.Controls, Vcl.Forms, Vcl.Dialogs,Winapi.msxml, System.DateUtils, Vcl.StdCtrls; type TForm1 = class(TForm) Button1: TButton

html5 canvas+原生javascript 实时获取文本框内容绘制图片水印

最近有位客户要求在网页图片上加文字水印效果,并且内容是从当前网页的文本输入框实时获取的,研究了一半天,在网上也参考了不少朋友的办法,再加上园子里热心的好哥们帮助终于实现了,先看下效果图: 代码如下: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>drawing by input text</title> 5 </head> 6 7 <

如何使用PowerShell实时获取自己的公网IP地址

又是不知道多久没更新过博客了,这篇其实早就想好了要写不过一拖就是几个月,最近拖延症真是疯狂爆发了.先说一下今天想写什么吧,其实很简单,就是如何使用PowerShell来实时的获取一台计算机的公网IP地址.公网IP是什么就不需要说了,实时获取公网IP的意义在于什么呢? 首先来说一下这篇文章的背景,家里有一台台式机因为各种各样的原因经常整天或者整星期的开机(做实验或者挂机等等),很多时候在单位想看看家里的情况如何或者想做做实验都需要远程连回去,连回去的方法不外乎那么几种,一个是通过Remote De

Powershell脚本实时获取所有cpu使用时间非0的进程

Powershell脚本实时获取所有cpu使用时间非0的进程,并将名称一致的进程合并. #定义结果输出路径 $OutFile = "D:\CPU_" + (Get-Date).GetDateTimeFormats()[1] + ".csv" #定义性能收集器对象 $CpuCores = (Get-WMIObject Win32_ComputerSystem).NumberOfLogicalProcessors $Processes = Get-Counter &qu

依附大系统 【数据实时获取】解决方案

最近公司作为众多外部厂商之一,需要依托一个大型平台系统( 这里简称为Big-S) 给特定用户提供一些服务. 作为外部厂商开发的 Web 应用(这里简称 Small-S),需要提取 Big-S 中的基础数据,包括用户.组织结构.代码表......部分字段到本地数据表中. 融合 Small-S 自己特点,作为搭建 Small-S Web 项目的先决条件. Small-S 需要做到和 Big-S 的重点基础数据实时一致, 重点关注 Big-S 数据交互方面的以下特性. 1. Big-S 提供给外部厂商

【.net 深呼吸】实时获取计算结果

上次老周介绍了在 UWP 应用中通过 x:Bind 标记来绑定到方法,以实现实时获取计算结果.今天,咱们来耍耍WPF上面的实现方法. 虽然,WPF 没有 x:Bind 标记(暂时没有,以后不好说),但 WPF 在数据绑定方面也是有很强大的引擎D,毕竟它是 .net 框架一部分.其实,当年在 .net 1.x 的时候,老周就推测微软会推出新的框架的,只是当时还不知道它叫 WPF,为啥呢.因为当时老周发现,Windows 窗体应用相关的类型都放在 System.Windows.Forms 命名空间下