TML5画布桌面和移动事件支持教程

将事件处理程序添加到形状,与KineticJS工作桌面和移动应用程序,我们可以使用on()方法,传递事件。例如,为了mousedown事件触发在桌面和移动应用程序,我们可以使用“mousedown touchstart”事件对媒介。为了让mouseup事件被触发的桌面和移动应用程序,我们可以使用“mouseup touchend”事件。我们还可以使用“双击dbltap”事件对绑定一个双击事件,在桌面和移动设备。

说明:Mousedown mouseup、touchstart或touchend圆桌面或者移动设备上观察相同的功能。

<!DOCTYPE HTML>
<html><head><meta name="viewport" content="width=device-width"/><style>body {margin: 0px;padding: 0px;}</style></head><body><div id="container"></div><script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.4.min.js"></script><script defer="defer">function writeMessage(message) {text.setText(message);layer.draw();}var stage = new Kinetic.Stage({container: 'container',width: 578,height: 200});var layer = new Kinetic.Layer();var text = new Kinetic.Text({x: 10,y: 10,fontFamily: 'Calibri',fontSize: 24,text: '',fill: 'black'});var numEvents = 0;var circle = new Kinetic.Circle({x: stage.getWidth() / 2,y: stage.getHeight() / 2 + 10,radius: 70,fill: 'red',stroke: 'black',strokeWidth: 4});/** mousedown and touchstart are desktop and* mobile equivalents so they are often times* used together*/circle.on('mousedown touchstart', function() {writeMessage('Mousedown or touchstart');});/** mouseup and touchend are desktop and* mobile equivalents so they are often times* used together*/circle.on('mouseup touchend', function() {writeMessage('Mouseup or touchend');});layer.add(circle);layer.add(text);stage.add(layer);</script></body>
</html>

TML5画布桌面和移动事件支持教程相关推荐

服务器最多支持几个远程用户,服务器最大连接数量又超了？win2003系统远程桌面多用户连接设置图文教程...
作为一个站长,登录服务器是家常便饭,是不是经常遇到过服务器超出最大连接的问题. 在windows service 2003 操作系统中,windows组件"终端服务器"与" ...
WIN7远程桌面连接方法！远程控制教程！XP远程桌面连接教程！如何设置远程桌面连接？远程桌面连接设置...
WIN7远程桌面连接方法! 首先,我们要在被连接的计算机上进行设置.使用鼠标右键单击"计算机"图标,选择"属性" 在打开的"系统"窗口点击& ...
.NET 事件模型教程（一）
.NET 事件模型教程(一) .code { padding: 10px 10px 10px 10px; font-family: 宋体; background-color: #ececec } 目录 ...
JS事件卸载事件当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。...
卸载事件(onunload) 当用户退出页面时(页面关闭.页面刷新等),触发onUnload事件,同时执行被调用的程序. 注意:不同浏览器对onunload事件支持不同. 如下代码,当退出页面时,弹出 ...
SpringBoot系列之i18n国际化多语言支持教程
SpringBoot系列之i18n国际化多语言支持教程文章目录 1.环境搭建 2.resource bundle资源配置 3.LocaleResolver类 4.I18n配置类 5.Thymelea ...
win11 安装Ubuntu加可视化桌面（最新保姆级教程）
win11.win10 安装Ubuntu加可视化桌面(最新保姆级教程) 前言保姆级安装流程第一节·安装前准备第二节·安装ubuntu本体第三节·可视化安装前言 win11.win10 安装U ...
win10桌面计算机怎么显示器,最新版：Win10计算机桌面屏幕投影到电视教程_Win10计算机如何将屏幕投影到电视...
在win10系统中添加了无线投影功能,该功能可以帮助我们将计算机的屏幕内容投影到电视上进行观看,从而使我们在观看视频或玩游戏时在视觉上更加舒适,但是许多用户不知道如何将屏幕从Win10电脑投射到电视上 ...
JS--popstate事件--使用/教程/实例
原文网址:JS--popstate事件--使用/教程/实例_IT利刃出鞘的博客-CSDN博客简介说明本文介绍JavaScript的popstate事件的用法. 官网网址 WindowEventH ...
在桌面上创建一个宽带连接服务器,win7怎么在桌面上创建宽带连接图标桌面上创建宽带连接教程...
如果我们想要上网的话一定要进行宽带连接,除非你通过路由器或者其他共享,但是在路由器上的那台电脑也要配置宽带连接,如果系统重装了或由于个人操作引起一些文件丢失而使电脑上的桌面没有"宽带连接&q ...

TML5画布桌面和移动事件支持教程

TML5画布桌面和移动事件支持教程相关推荐

最新文章

热门文章