鼠标指针

mouseenter([[data],fn])

落爺英雄遲暮 提交于 2019-12-11 15:13:36
mouseenter([[data],fn]) 概述 当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。 广州大理石机械构件 与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。 参数 fn Function V1.0 在每一个匹配元素的mouseenter事件中绑定的处理函数。 [data],fn String,Function V1.4.3 data :mouseenter([Data], fn) 可传入data供函数fn处理。 fn :在每一个匹配元素的mouseenter事件中绑定的处理函数。 示例 描述: 当鼠标指针进入(穿过)元素时,改变元素的背景色: jQuery 代码: $("p").mouseenter(function(){ $("p").css("background-color","yellow"); }); 来源: https://www.cnblogs.com/furuihua/p/12022618.html

jQuery总结 - 鼠标事件

天涯浪子 提交于 2019-12-08 11:51:13
事件 描述 .click() 鼠标指针在元素里面时点击触发 .dblclick() 为JavaScript 的 “dblclick” 事件绑定一个处理函数,或者触发元素上的 “dblclick” 事件。 .mouseup() 当鼠标指针在元素内,并且鼠标按键被释放时触发 .hover() 当鼠标移动到元素上时触发 .mouseleave() 当鼠标从元素上移开时触发 .mousemove() 当鼠标指针在元素内移动时触发 例子 .click() <!DOCTYPE html> <html> <head> <script src="../js/jQuery3.3.1.js"></script> <script> $("p").click(function () { $(this).slideUp(); }); }); </script> </head> <body> <p>点击隐藏</p> <p>点击隐藏</p> <p>点击隐藏</p> </body> </html> .dblclick() 双击时改变背景色。 <!DOCTYPE html> <html> <head> <style> div { background:blue; color:white; height:100px; width:150px; } div.dbl { background:yellow;color

mousedown、mouseup、click事件之间的关系及执行顺序

空扰寡人 提交于 2019-12-05 20:09:24
三个事件的触发时机 mousedown 当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。 与 click 事件不同, mousedown 事件仅需要按键被按下,而不需要松开即可发生。 mouseup 当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。 与 click 事件不同, mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。 click 当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。 注意:触发 click 事件的条件是按下并松开鼠标 左键! ,按下并松开鼠标右键并不会触发 click 事件。 三个事件的触发顺序 若在同一个元素上按下并松开鼠标左键,会依次触发 mousedown 、 mouseup 、 click ,前一个事件执行完毕才会执行下一个事件 若在同一个元素上按下并松开鼠标右键,会依次触发 mousedown 、 mouseup ,前一个事件执行完毕才会执行下一个事件,不会触发 click 事件 来源: https://www.cnblogs.com/wangsai-666/p/11944523.html

html 鼠标指针讲解

走远了吗. 提交于 2019-12-03 10:37:33
html 鼠标指针 详情可以看 https://www.w3school.com.cn/tiy/t.asp?f=csse_cursor 测试代码: <html> <body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span style="cursor:default"> Default</span><br /> <span style="cursor:pointer"> Pointer</span><br /> <span style="cursor:move"> Move</span><br /> <span style="cursor:e-resize"> e-resize</span><br /> <span style="cursor:ne-resize"> ne-resize</span><br /> <span style="cursor:nw-resize"> nw-resize</span><br /> <span style="cursor:n-resize"> n-resize</span><br /> <span style=

jq常用事件

好久不见. 提交于 2019-11-29 18:58:17
click(); 点击事件 dblclick(); 双击事件 $('.box').dblclick(function(){ alert('hi'); }); keydown - 按键事件, 键按下的过程 keypress -按键事件。 键被按下 keyup - 按键事件。键被松开 ↑ 触发的具体时间不同。 keypress 事件不会触发所有的键(比如 ALT、CTRL、SHIFT、ESC) submit(); 提交表单时 mouseenter() 当鼠标指针穿过(进入)被选元素时。 mouseenter 事件只有在鼠标指针进入被选元素时被触发,mouseover 事件在鼠标指针进入任意子元素时也会被触发。 mouseleave() 当鼠标指针离开被选元素时 mouseleave 事件只有在鼠标指针离开被选元素时被触发,mouseout 事件在鼠标指针离开任意子元素时也会被触发。 hover(); 鼠标悬停 change(); input的输入内容发生改变时; focus(); input输入框获得焦点时; blur() input框失去焦点时 resize() 窗口大小被调整时 scroll() 滚动指定的元素时,适用于所有可滚动的元素和 window 对象(浏览器窗口)。 来源: https://www.cnblogs.com/sandraryan/p/11527128.html

offset() position() scrollTop() scrollLeft()

浪尽此生 提交于 2019-11-29 05:15:37
(1)offset:获取当前元素相对于文档的高度。只对可见元素有效。    不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移 (2) position:获取元素相对于最近的一个position为relative or absolute的元素的祖父节点的相对偏移。    事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置, 如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移 (3)scrollTop/scrollLeft:是分别获取元素滚动条距顶端的距离。 --------------------------------------------------------------------------------------------------------------------------------------- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法 clientX 设置或获取鼠标指针位置相对于 当前窗口 的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于 当前窗口 的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。

qt触摸屏隐藏鼠标指针

 ̄綄美尐妖づ 提交于 2019-11-28 03:41:37
方法1:运行加参数-nomouse 方法2:QWidget::setCursor(QCursor(Qt::BlankCursor) 例:this->setCursor(Qt::BlankCurror); 只希望在某个QWidget(或QDialog等)控件上不出现鼠标指针。其他窗口仍会显示鼠标指针。 方法3:main函数中调用QApplication::setOverrideCursor(Qt::BlankCurror); 方法4:main()函数加入 #include <QWSServer>,实例化QApplication后,添加QWSServer::setCursorVisible(false); 注意:方法2和3只有在动一下触摸屏后鼠标才会消失,第4种在整个程序启动到运行都不会出现鼠标指针。 原文: https://blog.csdn.net/lmhuanying1012/article/details/78237938 来源: https://www.cnblogs.com/nanqiang/p/11390075.html

AngularJS 参考手册

只谈情不闲聊 提交于 2019-11-26 16:42:45
AngularJS 指令 ng-app 定义应用程序的根元素。 ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符 ng-bind-template 规定要使用模板替换的文本内容 ng-blur 规定 blur 事件的行为 ng-change 规定在内容改变时要执行的表达式 ng-checked 规定元素是否被选中 ng-class 指定 HTML 元素使用的 CSS 类 ng-class-even 类似 ng-class,但只在偶数行起作用 ng-class-odd 类似 ng-class,但只在奇数行起作用 ng-click 定义元素被点击时的行为 ng-cloak 在应用正要加载时防止其闪烁 ng-controller 定义应用的控制器对象 ng-copy 规定拷贝事件的行为 ng-csp 修改内容的安全策略 ng-cut 规定剪切事件的行为 ng-dblclick 规定双击事件的行为 ng-disabled 规定一个元素是否被禁用 ng-focus 规定聚焦事件的行为 ng-form 指定 HTML 表单继承控制器表单 ng-hide 隐藏或显示 HTML 元素 ng-href 为 the <a> 元素指定链接 ng-if 如果条件为 false 移除

Windows 7的预备知识系列之二:认识Windows 7中的窗口

主宰稳场 提交于 2019-11-26 15:23:31
在Windows 7中,仍然沿用了一贯的Windows窗口式设计。基于窗口的设计能够提高多任务效率,并且用户能够很清晰的看到所打开的内容、所运行的程序。 Windows窗口 Windows窗口是Windows操作系统用户界面中最重要的部分,用户与计算机的大部分交互操作都是在窗口中完成。窗口为每一个计算机程序都规定了一个区域,在这个区域用户能够直观的看到程序的内容。一般来说运行一个程序实例就会打开一个Windows窗口,并且大部分的窗口都使用Windows窗口的边框样式:在窗口顶部的左边有一个程序图标,并且在图标的右边有一个窗口标题。每个窗口都拥有“最小化、最大化、关闭”三个按钮。如图1所示是Windows 7中的资源管理器、Internet Explorer、记事本三个程序的窗口。 图1 三个Windows窗口 窗口状态 Windows窗口拥有最大化、最小化、还原三种显示状态大部分的Windows窗口都能够由用户自由调整状态。如图2所示,窗口默认有“最小化”、“最大化”、“关闭”三个按钮,如果当前窗口已经为最大化,则“最大化”按钮将显示为“还原”按钮。通过调整窗口状态能够使桌面显示的内容更加有序、清晰,便捷的调整方式有利于用户对窗口的操作。在Windows 7中窗口最大化、最小化、还原之间的切换非常轻松,并且有多种方式,用户可以选择习惯的方式进行调整。 图2 “最小化”、“最大化”