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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • jar 包与 war 包区别

    jar 包与 war 包区别参考:https://www.jianshu.com/p/3b5c45e8e5bdhttps://www.cnblogs.com/banml/p/11767305.htmlhttps://blog.csdn.net/cjw12581/article/details/107463971文章目录1.jar包jar与zip异同jar包主要用途2.war包war包部署优势开发阶段不适合使用war的原因部署war包到tomcat3.jar包vs.war包SpringB

    2022年5月10日
    36
  • pycharm安装pyqt5-tools_python pyqt5教程

    pycharm安装pyqt5-tools_python pyqt5教程许多人会使用pyqt5去写python的可视化界面,但是每次都需要在终端把.ui文件转为.Py文件,操作相对比较麻烦,此时pycharm就派上用场了,pycharm是一个特别好用的python编辑器,也可以把pyqt5的开发工具集成到pycharm中,具体的操作步骤如下:首先找到pycharm的菜单栏“file”,点击选择”setting“选择tools下的Externaltools点击+号添加工具:按如下输入Name:QTdesigner(自己另外取一个也行)program:D:\anaco

    2022年8月27日
    4
  • SSRF漏洞分析与实践

    SSRF漏洞分析与实践警告请勿使用本文提到的内容违反法律。本文不提供任何担保目录警告一、漏洞简介二、漏洞产生的原因三、SSRF的类型四、利用SSRF可以实现的攻击五、实践漏洞学习(一)简单漏洞验证(二)通过dict协议获取服务器端口运行的服务。(三)通过file协议访问计算机中的任意文件(四)了解sftp及tftp协议在SSRF中的作用六、SSRF与CSRF的区别七、漏洞修复警告一、漏洞简介SSRF(Server-SideRequest…

    2022年6月25日
    22
  • spring cloud 入门系列一:初识spring cloud

    最近看到微服务很火,也是未来的趋势,所以就去学习下,在dubbo和springcloud之间我选择了从springcloud,主要有如下几种原因:好,接下来我们来认识下springcloud

    2022年2月16日
    41
  • python操作ES数据库「建议收藏」

    python操作ES数据库「建议收藏」文章目录1、ES数据库和关系型数据库对比2、连接ES数据库3、插入数据4、查询数据1、ES数据库和关系型数据库对比一个ES集群可以包含多个索引(数据库),每个索引又包含了很多类型(表),类型中包含了很多文档(行),每个文档使用JSON格式存储数据,包含了很多字段(列)关系型数据库数据库表行列ES索引类型文档字段2、连接ES数据库fromelasticsearchimportElasticsearches=Elasticsearch([{“ho

    2022年6月1日
    238
  • 无锁编程CAS[通俗易懂]

    无锁编程CAS[通俗易懂]前言CAS(CompareAndSwap,比较并交换),要说CAS是无锁编程,多多少少有些“标题党”的感觉。因为CAS根据其设计思想,可以划分为乐观锁。不同于synchronized关键字,synchronized实现的是悲观锁。我第一次听说乐观锁和悲观锁的时候有点震惊:一把锁我还得知道它乐不乐观?乐不乐观?一把锁难道还有情绪?实际上乐观锁和悲观锁是基于线程并发竞争的角度来说的,悲观锁就是…

    2022年6月10日
    42

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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