当Margin变更后鼠标IsMouseOver事件重复触发问题的解决办法

最新推荐文章于 2021-09-30 13:42:56 发布
最新推荐文章于 2021-09-30 13:42:56 发布
阅读量216 收藏
点赞数
分类专栏： 解决方案 WPF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fireghost57/article/details/97812756
版权

有这样一个需求

当鼠标移过时,要有个立体阴影,上移10px来显示这个效果

但是问题来了,当鼠标移动到这个移动后的10px位置后,会疯狂的上下跳动

最后找到了办法,是在控件外套一个grid且把背景色设为透明,这样就会产生一个IsMouseOver的阻挡,不会疯狂跳动了

 

清泉灵弦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html点击某块区域触发条件,三种方法教你HTML实现点击某一个元素之外触发事件...
weixin_42316079的博客
06-04 3355
HTML实现点击某一个元素之外触发事件大致编写的HTML界面渲染后是这个样子的，我们现在想要实现的需求是点击Button所在的div不会触发事件，而在点击Button所在的div之外的区域时会触发事件，下面就来介绍三种方法实现。Button/* CSS代码 */.container{width: 400px;height: 400px;display: flex;align-items: cent...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-onmouseover事件 鼠标悬浮切换图片 带注释/总结
cc2855816075的博客
02-15 725
效果： 鼠标放到图片上图片变化 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业5-mouse事件</title> <script src="utility.js" type="text/javascript" charset="utf-8"></script> </head> <body&
onmouseover和onmouseout事件小结
brokenkay的博客
06-30 1万+
前言 onmouseover和onmouseout事件是在pc端上使用非常广泛的鼠标划入划出事件.顾名思义,onmouseover是进入到dom元素中触发的事件,而onmouseout是移除dom元素触发的事件. 说明 我们对最外面的红色框分别绑定onmouseover和onmouseout事件,鼠标进入dom元素时打印"进入",离开dom元素时打印"离开" 鼠标进入红色框的子元素灰色框时会先触发红色框绑定的onmouseout事件,再触发红色框绑定的onmouseover...
margin和padding的坑
aliven1的博客
03-29 2305
有些情况，元素设置的padding部分，不会触发元素绑定的一些事件，像click等，但是如果换成子元素的margin,就没问题了
wpf修改鼠标悬停效果
郁闷之春的专栏
06-07 6241
插入到App.xaml页面的Application.Resources里 <Style x:Key="MyButton" TargetType="Button"> <Setter Property="OverridesDefaultStyle" Value="True" /> <Setter Property="Cursor" Va...
WPF模拟迅雷界面+360界面【网上整理】
11-23
<Condition Property="IsMouseOver" Value="True"/> Property="CornerRadius" TargetName="Bd" Value="3"/> Property="BorderBrush" TargetName="Bd" Value="#562C94AF"/> Property="Margin" ...
按钮制作与美化 VB6.0
03-29
If isMouseOver Then intMouseAction = Mouse_Down Else intMouseAction = Mouse_Up End If Else If isMouseOver Then intMouseAction = Mouse_Move Else intMouseAction = Mouse_Up End If End If ...
解决鼠标移动导航栏，下拉菜单就会消失的问题
weixin_40326021的博客
10-12 4739
这个太坑了特此写一篇博客记录 $(".product_guid").mouseover(function(){         $(".first_guid").show();     })     $(".product_guid").mouseover(function(){         $(".first_guid").hide();     }) 原本代码这么写，因为first_g...
bootstrap下拉菜单，鼠标移上去，显示下拉框
danniyedan的博客
09-30 1492
项目场景： 制作导航栏时，希望鼠标移到每个nav上，显示其下拉框 问题描述： 鼠标移到上面后，下拉框出来，当鼠标移到下拉框想去选中某个li的时候，下拉框就消失不见了 解决方法：给ul添加一个margin-top:-0.1px 让下方事先隐藏起来的ul跟上面的nav有一丁点儿重叠，哪怕只有一丝丝，这时候下拉框不会消失，可以正常点击下拉框里面的子选项 ...
常用鼠标事件，键盘事件总结
lululul123的博客
12-11 5061
-moz-：firefox浏览器特有属性； -webkit-:chrome,sa
js-鼠标经过显示下拉菜单
热门推荐
琳
10-13 1万+
在网页中，下拉菜单的样式非常多，这里介绍一下如何用js代码来控制 分析：1、效果：控制样式display的显示和隐藏           2、事件：当鼠标经过时onmouseover和当鼠标移出时onmouseout           3、获取元素：DOM文档对象模型：赋予js控制结构和样式的能力。document.getElementById（）；获取 元素 通过 id；
WPF控件TextBlock文本居中
FireGhost57的专栏
02-19 9527
&lt;TextBlock Grid.Row="7" HorizontalAlignment="Center" VerticalAlignment="Center" Style="{StaticResource LoginTitle}" FontSize="21" Foreground="#3C6368"
WPF的TextBlock绑定多个参数的写法(多重绑定)
FireGhost57的专栏
05-15 6296
<Style x:Key="showTxt" TargetType="{x:Type TextBox}"> <Setter Property="Text"> <Setter.Value> <!-- 多重绑定 --> <MultiBinding StringFormat="{}{0}({1})"> <Bin...
使用HTML Editor时引用MSHTML报错:warning MSB3283: 找不到类型库“MSHTML”的包装器程序集。请验证 (1) 是否已正确注册 COM 组件
FireGhost57的专栏
01-02 5166
操作系统: Win10 x64 引用方式: 提示报错: 看了下引用路径: C:\Program Files (x86)\Microsoft Visual Studio\2017\Professional\Common7\IDE\PublicAssemblies\Microsoft.mshtml.dll 然后把路径下的dll拷贝出来放项目里直接引用就可以了...
WPF让TextBox控件显示为一条横线,textbox输入框无边框只保留底端横线
FireGhost57的专栏
01-22 4528
下载地址: https://download.csdn.net/download/fireghost57/10932946
[WPF]窗口失去焦点的处理方法
FireGhost57的专栏
02-24 4473
在wpf中,控件失去焦点可以用LostFocus,然而Window并没有失去焦点这个概念,所以我们需要用非活跃事件Deactivated来认为窗口失去了焦点 例如,写一个窗口失去焦点时关闭这个窗口的事件: ...
WPF在触发器Trigger中Setter绑定控件值的方法
FireGhost57的专栏
03-01 4094
因为TemplateBinding只有在控件模板里才可以写,而在触发器里的Value是不支持TemplateBinding的,正确格式是使用AncestorType来直接查找指定的类型的属性 举例说明: &lt;MultiTrigger&gt; &lt;MultiTrigger.Conditions&gt; &lt;Condition Property="ItemsControl.Ha...
WPF更改ComboBox选中项颜色方法
FireGhost57的专栏
01-03 3674
需要设置ItemContainerStyle,在里面加上Triggers 首先定义模板 &lt;Style TargetType="{x:Type ComboBoxItem}" x:Key="MyComboBoxItemStyle"&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&..
WPF的DataTrigger绑定自身属性
FireGhost57的专栏
03-13 3650
&lt;DataTrigger Binding="{Binding RelativeSource={RelativeSource self},Path=IfVertical}" Value="true"&gt; &lt;Setter TargetName="PART_Stack" Property="Orientation" Value="Vertical"/&gt; &am
vue鼠标移入移出事件
最新发布
07-28
在Vue中，可以使用`@mouseover`和`@mouseout`指令来处理鼠标移入和移出事件。 下面是一个示例： ... <!-- 内容 --> ...这样，当鼠标移入时，会显示"鼠标已移入"，当鼠标移出时，会显示"鼠标已移出"。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值