JavaScript onmousemove 事件

JavaScript onmousemove 事件DefinitionandUsage定义与用法Theonmousemoveeventoccurswhenthemousepointerismoved.当鼠标移动时触发onmou

大家好,又见面了,我是你们的朋友全栈君。

Definition and Usage
定义与用法

The onmousemove event occurs when the mouse pointer is moved.
当鼠标移动时触发onmousemove事件

Syntax
语法

onmousemove="所要执行的代码"

Parameter
参数
Description
注释
SomeJavaScriptCode
所要执行的代码
Required. Specifies a JavaScript to be executed when the event occurs.
必选项。当事件触发时所要执行的代码

Supported by the following HTML tags:
所支持的HTML标签:

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>

Supported by the following JavaScript objects:
所支持的JavaScript对象:

onmousemove is, by default, not an event of any object, because mouse movement happens very frequently.
onmousemove在默认情况下不是任何一个对象的事件,因为鼠标是频繁移动的。


Tips and Notes
注意

Note: Each time a user moves the mouse one pixel, a mousemove event occurs. It takes system resources to process all mousemove events. Use this event carefully!
注意:当用户鼠标移动一像素时,就会触发一次mousemove事件。这将非常消耗系统的资源,请谨慎使用。


Example
实例

In the following example we will display an alert box when the user moves the mouse pointer over the image:
在下面的例子中,当用户的鼠标在图片上移动时将弹出一个消息框:

<img src="image_w3default.gif" alt="W3pop"
onmousemove="alert('W3pop!')" />

The output of the code above will be:
输出结果为:

w3pop


Try-It-Yourself Demos
互动演示

onmousemove
How to use onmousemove.
如何应用onmousemove
转载 http://www.w3pop.com/tech/school/jsref/jsref_onmousemove.asp

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/155399.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号