lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的浏览器不支持 HTML5 canvas 标签ltcanvaslt；2在indexhtml中的ltscript标签中，输入js代码#39a#39hoverfunction $#39img#39css#39display#39， #39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

100quotheight=quot28quotltA设置一个div，但是默认却是隐藏起来的s1 position absolutedisplay js function show documentgetElementByIdquots1quotstyledisplay=quotblockquot function dis。

鼠标移动事件根据点击的省份名，获得数据，并实时重绘移动层的省份 #39#eventCanvas#39mousemovefunctionev var mouseX， mouseY ifevlayerX evlayerX==0 mouseX = evlayerX mouseY = e；对用JS的鼠标事件，onmouseover方法，当鼠标移动到a标签的时候把那个图片的display，变成block，只要按照这个步骤走就可以做到的。

其特性类似于AS的 ENTER_FRAME 事件需要用到的2个JS文件utilsjs 可根据传入的对象判断，鼠标所在对象的相对于左上角的坐标值 unction utilsutilscaptureMouse=functionelement var mouse=x0，y0；用js写鼠标事件，鼠标移入更改img的src内的路径。

functioneventcsevent，false thiscanvas=documentgetElementByIdquotshowquot thiscontext=#392d#39 thisimage = new Image = quot；html5 拖动效果在手机上实现方法是调用drag和drop一系列函数实现的注意拖拽源在拖拽操作结束将得到dragend事件对象，不管操作成功与否举例定义可拖放内容 ltdiv id=quotcolumnsquot ltdiv class=quotcolumnquot draggable=quottruequot。

Dragleave事件 drop对象 Dragleave事件在这个拖动对象离开Drop目标对象的范围时触发Drop事件 drop对象 当这个Drag对象在Drop对象上释放鼠标时触发 这些是HTML5的新特性，可以在秒秒学查找相关的资料；鼠标事件是移动时发生的事件，对某控件的此事件进行编程，则当鼠标移过此控件时就会触发此事件，执行其相应代码超文本标记语言缩写为HTML，标准通用标记语言下的一个应用HTML是一种标记语言，是网页制作所必备的工具页面。

在html文件中添加一个事件，就是当鼠标滑动到submit按钮上时，设置鼠标样式即可，具体例子如下lthtmlltbodyltp请把鼠标移动到单词上，可以看到鼠标指针发生变化ltpltspan style=quotcursorautoquotDefaultltspanltbr；drop 当被拖元素正在被拖放时运行的脚本移动端需要使用 touch 事件来处理， 建议pc端也使用touch事件， mouse相关事件在HTML5已经不建议使用了touchstart 触摸开始手指放在触摸屏上touchmove 拖动手指在触摸屏。

因而可以分别操作页面的不同部分在触摸屏幕上的元素，这些事件包括鼠标事件发生的顺序如下1touchstart 2mouseover 3mousemove一次4mousedown 5mouseup 6click 7touchend；1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。