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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 关于pytorch安装之后但是没有办法导入pycharm的原因

    关于pytorch安装之后但是没有办法导入pycharm的原因首先要确定你是否真的安装了,可以用condalist`安装完pytorch之后没有办法导入的问题,我碰到过两种情况。第一种:安装了但是python无法导入什么意思呢,详情参照下图就像我这样,在命令行打入python(当然,你用IDE和pycharm也是一样的)显示的是‘Nomodulenamed‘torch’那么在这里首先你就要检查配置环境是否有问题了,cuda和cudnn这些环境是否安装,版本是否对应。然后,可以尝试检查pytorch环境是否存在,import的处理过程,会在

    2022年8月25日
    7
  • a*算法最短路径_最长路径算法

    a*算法最短路径_最长路径算法#include#include#include#include#include#defineN1000#defineinf1<<30;usingnamespacestd;/* a星算法,找寻最短路径 算法核心:有两个表open表和close表 将方块添加到open列表中,该列表有最小的和值。且将这个方块称为S吧。 将S从open列表移除,然后添加

    2022年10月6日
    0
  • TCP拥塞控制基本原理

    TCP拥塞控制基本原理从拥塞控制原理来看,我们有两种方案来解决TCP拥塞控制问题。但是IP层并不提供显式的网路拥塞控制反馈。TCP采用的是方式是让每一个发送方根据感受的网络拥塞程度来限制其向连接发送流量的速率。拥塞控制TCP拥塞控制常被称为加性增,乘性减。这样的方式能够在拥塞的情形下,快速减少发送速率,从而避免严重的拥塞现象出现。慢启动TCP连接在刚开始建立的阶段,发送速率起始慢,T…

    2022年6月24日
    24
  • opacity属性兼容问题「建议收藏」

    opacity属性兼容问题「建议收藏」目前主流浏览器Opera9.0+,Safari 1.2(WebKit125)+,chrome、firedox、IE11等等都支持opacity这个透明度属性。因此现在全兼容写法只需要兼顾IE6、IE7、IE8opacity{   opacity:0.5;   filter:alpha(opacity=50); //filter过滤器 兼容IE678}…

    2022年5月9日
    90
  • HOG特征(Histogram of Gradient)学习总结

    HOG特征(Histogram of Gradient)学习总结最近在做的项目有用到HOG+SVM这一方面的知识,在此对HOG特征进行下总结。参考资料:HOG的经典论文:DalalN,TriggsB.Histogramsoforientedgradientsforhumandetection[C]//ComputerVisionandPatternRecognition,2005.CVPR2005.IEEEComp

    2025年6月21日
    0
  • △>0_@ModelAttribute

    △>0_@ModelAttribute0uLL:unsignedlonglong类型的0~:“二进制按位否运算符”>>:右移运算符

    2022年9月20日
    1

发表回复

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

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