精华内容
下载资源
问答
  • 一个适用笔画输入的字体识别程序 应用于windows平板等移动设备的输入时 手写输入的地方 识别率高 界面简洁 源码可二次开发
  • Windows CE操作系统触摸屏驱动程序模型 本文介绍了Windows CE操作系统触摸屏驱动程序模型,详细阐述嵌入式系统中电阻式触摸屏Windows CE驱动程序的设计和实现方法。
  • 最近遇到的需求,在windows触屏设备上,实现手指拖动div框。以下是我网上找的资料,如有什么错误,希望大家给与指正。 2019/4/4 触摸事件Touch 移动端有四个关于触摸的事件 touchstart 触摸开始的时候触发 ...

    最近遇到的需求,在windows触屏设备上,实现手指拖动div框。以下是我网上找的资料,如有什么错误,希望大家给与指正。

    2019/4/4


    触摸事件Touch

        移动端有四个关于触摸的事件
            touchstart    触摸开始的时候触发
            touchmove    手指在屏幕上滑动的时候触发
            touchend    触摸结束的时候触发
            touchcancel    取消触摸事件时候触发(极少用)
            触发顺序是touchstart-->touchmove-->touchend-->click,注意;需要阻止一下事件冒泡。
        
        每个事件可产生一个event对象,这个event对象除基本的一些属性外还附带了三个额外的属性:
            touches
                一个TouchList对象,包含当前所有屏幕上的触点的Touch对象,
                该属性不一定是当前元素的touchstart事件触发,需要注意。
            targetTouches
                一个TouchList对象,包含从当前元素touchstart事件触发的
                的触点的Touch对象,跟上面的touches区别于触发点不一样。(尽量使用这个方法)
            changedTouches
                一个TouchList对象,对于touchstart事件, 这个TouchList对象列出在此次事件中新增加的触点。
                对于touchmove事件,列出和上一次事件相比较,发生了变化的触点。
                对于touchend,列出离开触摸平面的触点。
                
            注:touches和targetTouches只存储接触屏幕的触点,touchend时,touches和targetTouches是个空数组
            
        每个触点包含的常用信息:
            identifier:
                一个数值,唯一标识触摸会话(touch session)中的当前手指。一般为从0开始的流水号
            pageX/pageX/clientX/clientY/screenX/screenY:
                动作在屏幕上发生的位置(page包含滚动距离,client不包含滚动距离,screen则以屏幕为基准)。
            target:
                DOM元素,是动作所针对的目标。
            
        注意事项:
            手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放。所以在调用touch事件时,要注意禁止缩放和滚动。
        1.禁止缩放
            通过meta元标签来设置。
                <meta name="viewport" content="width=device-width, 
                    initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=no">
                加上这句代码后,我们编写的页面将不会随着用的手势而放大缩小。

        2.禁止滚动
            preventDefault是阻止默认行为,touch事件的默认行为就是滚动。
            由于触摸会导致屏幕动来动去,所以可以会在这些事件的事件处理函数内使用event.preventDefault(),来阻止屏幕的默认滚动。    
            
    IE10的触摸事件
        引用:https://blogs.msdn.microsoft.com/ie/2011/09/20/touch-input-for-ie10-and-metro-style-apps/            
        事件名称    
            MSPointerDown    触摸开始
            MSPointerMove    接触点移动
            MSPointerUp    触摸结束
            MSPointerOver    触摸点移动到元素内,相当于mouseover
            MSPointerOut    触摸点离开元素,相当于mouseout
        
        该事件有三种触发形式:鼠标单击,电子笔轻触和手指触摸。
        该事件提供鼠标事件中预期的所有常用属性(client X/Y coordinates, target element, button states, etc)以及其他输入形式的新属性:压力,接触几何,倾斜等
        
        触点的属性
            hwTimestamp        创建事件的时间(ms)
            isPrimary        标识该指针是不是主指针
            pointerId        指针的唯一ID(类似于触摸事件的标识符)
            pointerType        一个整数,标识了该事件来自鼠标、手写笔还是手指
            pressure        笔的压力,0-255,只有手写笔输入时才可用
            rotation        0-359的整数,光标的旋转度(如果支持的话)
            tiltX/tiltY        手写笔的倾斜度,只有用手写笔输入时才支持
            
            例:
                function handleEvent(event){
                  switch(event.pointerType){
                    case 'touch':
                        //手指
                        break;
                    case 'pen':
                        //手写笔
                        break;
                    case 'mouse':
                        //鼠标
                        break;
                     default:
                        break;
                  }
                }
                document.body.addEventListener("MSPointerDown", handleEvent, false);
        
        示例:
        1、点击div移动
            <!DOCTYPE html>
                <html lang="zh">
                    <head>
                        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
                        <title>Qing's Web</title>
                        <style type="text/css">
                            html {
                                overflow: hidden;
                                -ms-content-zooming: none; /* Disable pan/zoom */
                                -ms-touch-action: none; /* Disable touch behaviors, like pan and zoom */
                            }
                            .moveBar {
                                position: absolute;
                                width: 250px;
                                height: 300px;
                                background: #666;
                                border: solid 1px #000;
                                margin: 0px;
                                left:200px;
                                top:200px;
                            }
                            
                            #banner {
                                background: #52CCCC;
                                height: 30px;
                                //cursor: move;
                            }
                        </style>
                        <script>
                        window.οnlοad=function(){
                            console.log("load");
                            var div=document.getElementById('banner');
                            div.addEventListener("MSPointerDown", handleEvent, false);
                            div.addEventListener("MSPointerMove", handleEvent1, false);
                            div.addEventListener("MSPointerUp", handleEvent2, false);
                            
                            var isMove ;
                            var abs_x ;
                            var abs_y ;
                            
                            function handleEvent(event) {
                                isMove = true;
                                var obj = document.getElementsByClassName('moveBar');
                                abs_x = event.pageX - obj[0].offsetLeft;
                                abs_y = event.pageY - obj[0].offsetTop;                               
                            }
                            function handleEvent1(ev) {
                                console.log(ev);
                                if(isMove) {
                                    var obj = document.getElementsByClassName('moveBar');
                                    obj[0].style.color="red";
                                    obj[0].style.left= ev.pageX - abs_x+'px';
                                    obj[0].style.top= ev.pageY - abs_y+'px';                                            
                                }
                            }
                            
                            function handleEvent2() {
                                isMove = false;
                            }
                        }
                        </script>
                    </head>
                    <body >
                        <div class="moveBar">
                            <div id="banner">按住此处移动当前div</div>
                            <div class="content">这里是其它内容</div>
                        </div>
                    </body>
                </html>

    展开全文
  • 接下来,就随小编一起看看windows10系统安装触摸屏驱动的具体方法吧!具体如下:JENASI PLC是新一代可编程控制器,不同于传统PLC基于继电器电路的梯形图编程方法, JENASI PLC是基于控制流程采用电脑中文指令进行编程...

    windows10系统的功能非常强大,但是用户在使用过程中也会遇到一些问题。比如,一位用户想要在电脑中安装触摸屏的驱动,可是不懂得如何操作。这该怎么办呢?接下来,就随小编一起看看windows10系统安装触摸屏驱动的具体方法吧!

    b5d48672452449bea17547f6733cd4a2.png

    具体如下:

    JENASI PLC是新一代可编程控制器,不同于传统PLC基于继电器电路的梯形图编程方法, JENASI PLC是基于控制流程采用电脑中文指令进行编程,具有编程简易,维护方便的特点,为工程师节省大量的编程时间解决设备核心技术。触摸屏SA系列组态软件安装完成之后,还要安装相关的USB驱动,才能正常使用。

    c00ccacd93b76ba91f6d9a412e57dc4d.png

    软件安装完成之后,会自动安装驱动,如果安装完毕后驱动仍然不能使用,请手动安装:

    1、 插入设备之后会有提示未完成安装驱动,忽略;

    2 、打开设备管理器,选择带有黄色叹号的HMI设备并右键选择更新驱动;

    3 、在对话框选择“从列表或指定位置安装(高级)”;

    4、 浏览—选取usb驱动所在的位置—“C:\Program Files\SamDraw5.0\USB”;

    5、 点击 下一步-完成 ;即能完成手动安装驱动的步骤。

    看了上述小编的介绍,相信大家对windows10系统怎样安装触摸屏的驱动已经有了一定的了解。希望本教程能够帮助到所有有需要的朋友们!

    展开全文
  • 现在许多优质的Windows 10个人电脑都配备了触摸屏,因为触摸屏的日益普及,Windows 10作为操作系统的触摸以及触摸屏确实提供了大量的多功能性。 然而,人们可以通过触摸屏获得Windows 10个人电脑的各种原因,有些人...

     

    https://baijiahao.baidu.com/s?id=1593890738706748667

     

    现在许多优质的Windows 10个人电脑都配备了触摸屏,因为触摸屏的日益普及,Windows 10作为操作系统的触摸以及触摸屏确实提供了大量的多功能性。

    然而,人们可以通过触摸屏获得Windows 10个人电脑的各种原因,有些人不需要触摸屏。

    这可能是因为人们想要一台功能强大或漂亮的PC,如Surface Book或Surface Laptop,它们不提供非触摸配置,或者您的触摸屏可能已经破裂,从而导致幻影触摸或其他困扰触摸屏的疾病。

    通过以下步骤,您现在可以在Windows 10上禁用触摸屏!

    如何禁用Windows 10 PC的触摸屏。

    打开Windows设备管理器选择到人体学输入设备>符合HID标准的触摸屏。右键单击它,然后选择“禁用”即可Windows 10系统的触摸屏。要重新启用它,请重复步骤1到3,但在重新启用驱动程序需要重新启动电脑才能生效。

    转载于:https://www.cnblogs.com/stableboy/p/10404525.html

    展开全文
  • windowsxp触摸屏驱动

    2014-04-03 16:26:02
    xp触摸屏驱动程序,下载后解压缩,双击安装就可以了.
  • 公司有触控设备采用WIN7系统,普通网页打开后触屏操控如滑动网页没有效果,需在网页代码中添加JS处理touch事件网页的手势滑动效果。当然首先需要webkit内核支持touch事件。 以下内容引用...
        

    公司有触控屏设备采用WIN7系统,普通网页打开后触屏操控如滑动网页没有效果,需在网页代码中添加JS处理touch事件网页的手势滑动效果。当然首先需要webkit内核支持touch事件。

    以下内容引用http://www.cnblogs.com/zourong/p/3913446.html
    touchstart: //手指放到屏幕上时触发
    touchmove: //手指在屏幕上滑动式触发
    touchend: //手指离开屏幕时触发
    touchcancel: //系统取消touch事件的时候触发,这个好像比较少用

    每个触摸事件被触发后,会生成一个event对象,event对象里额外包括以下三个触摸列表
    touches: //当前屏幕上所有手指的列表
    targetTouches: //当前dom元素上手指的列表,尽量使用这个代替touches
    changedTouches: //涉及当前事件的手指的列表,尽量使用这个代替touches
    这些列表里的每次触摸由touch对象组成,touch对象里包含着触摸信息,主要属性如下:
    clientX / clientY: //触摸点相对浏览器窗口的位置
    pageX / pageY: //触摸点相对于页面的位置
    screenX / screenY: //触摸点相对于屏幕的位置
    identifier: //touch对象的ID
    target: //当前的DOM元素

    注意:
    手指在滑动整个屏幕时,会影响浏览器的行为,比如滚动和缩放。所以在调用touch事件时,要注意禁止缩放和滚动。
    1.禁止缩放
    通过meta元标签来设置。
    <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
    2.禁止滚动
    preventDefault是阻止默认行为,touch事件的默认行为就是滚动。
    event.preventDefault();

    以下引用自http://blog.csdn.net/jiangcs520/article/details/17564065

    很多博文中称touch的三个事件都有targetTouches,touches以及changedTouches对象列表,其实不然,touchend事件中应该是只有个changedTouches触摸实例列表的,而且这里说明一下,回调函数的event只是一个普通的object对象,实际上event中有一个originalEvent属性,这才是真正的touch事件,这个事件中才存在着上诉三个触摸实例列表,这三个实例存储了触摸事件的位置等等属性,类似于鼠标事件。其他地方基本与鼠标事件是一致的。简单介绍一下这三个触摸列表,touches是在屏幕上的所有手指列表,targetTouches是当前DOM上的手指列表,所以当手指移开触发touchend事件时,event.originalEvent是没有这个targetTouches列表的,而changedTouches列表是涉及当前事件的列表,例如touchend事件中,手指移开。

    根据以上2篇文章处理网页,对body进行pageY轴计算滑动距离,进行页面滚动;
    在touchend事件中使用originalEvent.changedTouches[0].target属性判断链接目标进行点击。

    <script type="text/javascript">
    $(document).ready(function(){
        var startY = 0;
        var tObj = {pageY:0,isdown:false};
        
        $(".body").unbind('touchstart').bind('touchstart',function(e){
            e.preventDefault();
            tObj.pageY = e.originalEvent.targetTouches[0].pageY ;                   
            tObj.isdown = true;
            });          
                    
        $("body").unbind('touchmove').bind('touchmove',function(e){
              e.preventDefault();
                if(tObj.isdown==true)
                {                    
                    var dy =tObj.pageY -e.originalEvent.targetTouches[0].pageY;
                    startY = startY+dy;
                    if(Math.abs(dy)>=10)
                       {                           
                       window.scrollTo(0,startY);
                       }                       
                }
        });
                    
        $(".body").unbind('touchend').bind('touchend',function(e){
            e.preventDefault(); 
            tObj.pageY = 0 ;                          
            tObj.isdown = false;
            e.originalEvent.changedTouches[0].target.click();       
        });    
    });
    </script>
    展开全文
  • 通过JS模拟,实现页面内容上下拖动功能(触摸屏实现上下滑动),对jquery.mCustomScrollbar.js对滚动条进行了封装
  • 本文介绍了Windows CE操作系统触摸屏驱动程序模型,详细阐述嵌入式系统中电阻式触摸屏Windows CE驱动程序的设计和实现方法。 正文 字体大小:大 中 小  1. 前言 触摸屏是嵌入式设备中常用的计算机输入设备,...
  • 导读:日前,Synaptics... Synaptics已将触控笔功能集成到该公司的ClearPad触摸屏控制器中,以提供随时可用的手写笔功能,而无需使用多个分立系统元件,也不为OEM增加任何成本。  SynapticsClearPad 7500系列触摸屏
  • 专业检测触摸屏,可以通用WINDOWS LINXE系统
  • 导读:日前,Synaptics公司宣布... Synaptics已将触控笔功能集成到该公司的最新ClearPad触摸屏控制器中,以提供随时可用的手写笔功能,而无需使用多个分立系统元件,也不为OEM增加任何成本。  SynapticsClearPad 7
  • python 的初学者,跟着网上教程写了个打飞机的游戏,请问,该如何实现触屏操作,比如检测触点的位置,移动的距离方向,抬起点的位置,谢谢
  • 简单的说,有一块触摸屏,安装到电脑上,我们想在这块触摸屏上运行虚拟键盘软件,当键盘用,目前触摸屏驱动和虚拟键盘程序都是现成的,问题是怎么能让这个虚拟键盘程序运行或者说只显示在触摸屏上,可不可以把虚拟...
  • Windows Mobile 触摸屏(Touch Panel)截获

    千次阅读 2009-11-03 13:37:00
    Windows Mobile触摸屏(Touch Panel)截获为了做全屏手写功能,需要把鼠标的事件全部截获过来,研究了一个星期左右,发现有三种方法可以实现。而且对每种方法已经写了测试代码。根据三种方法效果的好坏排序:1. 用...
  • 触摸屏校正算法 三点校正算法 中英文说明
  • Windows11安装镜像文件【☜获取文件需点击此处】已经在网上流传,很多用户都很好奇... Windows11系统界面改动不少,窗口采用圆角设计,开始菜单没了动态磁贴,而且任务栏居中设计,跟传统Windows系统不一样,跟Windo
  • 本文介绍了Windows CE操作系统触摸屏驱动程序模型,详细阐述嵌入式系统中电阻式触摸屏Windows CE驱动程序的设计和实现方法。 1. 前言 触摸屏是嵌入式设备中常用的计算机输入设备,它可使操作简单直观,人人...
  • 触摸屏广告系统

    2013-09-09 17:24:45
    触摸屏广告系统,方便触摸屏在无人操作时展示图片广告、视频广告或Flash动画广告。当有人操作时不影响触摸屏系统的正常使用。 软件界面截图 软件运行环境  运行的操作系统:Microsoft Windows2000、...
  • rt,使用windows系统,用WPF开发 还是linux的多些?
  • 系统触摸屏界面

    2013-07-03 14:25:00
    系统触摸屏界面,分辨率为1027*768,无边窗口(全屏显示),和银行ATM柜员机类似,在制作时,无边窗口(index.html)需引导页打开,引导页JS为login.html代码如下: &lt;script&gt; var newpmW = window....
  • Android系统USB触摸屏配置方法

    万次阅读 2015-11-10 11:05:46
    一般的USB 接口免驱触摸屏均能免驱支持windows XP, windows 7, windows 8 等windows 家族的操作系统,所以在使用触摸屏搭建最终使用环境乊前可以使用windows家族系统测试触摸屏,确保触摸屏能够正常的工作(相当于...
  • Windows7系统触摸功能介绍

    千次阅读 2013-04-30 21:55:11
    只要有触摸设备,你用双指在触摸屏上也可以操作Windows 7系统。双指触控如缩放、双指放大、双指翻页等特效都可以在Win 7中实现。常用的两种手势1.缩放手势缩放手势用于界面放大或缩小,在浏览图片、文章阅读等程序中...
  • 网上关于Windows驱动,特别关于windows触摸屏方面的资料很少,现在我有以下几个疑问: (1)编写linux等嵌入式系统驱动时,根据MMU等定义的寄存器的宏等可以获取相应寄存器的虚拟地址,常用的PC机使用的intel或AMD...
  • 单片机系统中的触摸屏坐标算法 单片机系统中的触摸屏坐标算法
  • 30年间Windows系统有哪些版本?还记得你第一次了解到Windows操作系统存在的时候是哪一年吗?这些操作系统又有哪些特点呢?隐约知道计算机变得越来越小了吗……现在笔者将通过收集的资料,为各位细细解说曾经的操作...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,814
精华内容 10,325
热门标签
关键字:

windows系统触摸屏