鼠标事件

小灰灰 2023-08-17 16:53 113阅读 0赞

1.移动、点击

<Grid>
            <Grid.RowDefinitions>
                <RowDefinition></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition Height="auto"></RowDefinition>
            </Grid.RowDefinitions>
            <Rectangle Name="rect" Fill="LightBlue" MouseMove="Rect_MouseMove" Grid.Row="0"></Rectangle>
            <Button Grid.Row="1" Name="btn" Click="Button_Click">捕获鼠标</Button>
            <TextBlock Name="lblInfo" Grid.Row="2"></TextBlock>
        </Grid>

图：

![1138839-20190805204940117-242908513.png][]

点击 捕获鼠标  会失去光标

后台事件代码

private void Rect_MouseMove(object sender, MouseEventArgs e)
            {
                Point point = e.GetPosition(this);
                this.lblInfo.Text = $"({point.X},{point.Y})";
            }
    
            private void Button_Click(object sender, RoutedEventArgs e)
            {
                Mouse.Capture(this.rect); // 焦点被捕捉了，再无法使用鼠标进行操作，除非光标离开窗口再回来
                this.btn.Content = "鼠标被捕捉了";
            }

2.拖动事件

<Grid>
            <TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" Text="你好" VerticalAlignment="Top" Width="120" Margin="95,110,0,0"/>
            <TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" Text="你也好" VerticalAlignment="Top" Width="120" Margin="95,190,0,0"/>
            <Label Content="你好" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="400,110,0,0" Height="27" Width="155" MouseDown="Label_MouseDown"/>
            <Label AllowDrop="True" Content="你也好" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="400,186,0,0" Height="27" Width="130" Drop="Label_Drop"/>
        </Grid>

后台

private void Rect_MouseMove(object sender, MouseEventArgs e)
            {
                Point point = e.GetPosition(this);
                this.lblInfo.Text = $"({point.X},{point.Y})";
            }
    
            private void Button_Click(object sender, RoutedEventArgs e)
            {
                Mouse.Capture(this.rect); // 焦点被捕捉了，再无法使用鼠标进行操作，除非光标离开窗口再回来
                this.btn.Content = "鼠标被捕捉了";
            }

图

![1138839-20190805211246837-1597582609.png][]

3.改变鼠标光标

页面代码

<Label Cursor="Help" MouseDoubleClick="Label_MouseDoubleClick" Height="30" Width="60" Margin="95,265,160,124">查看帮助</Label>

后台代码

private void Label_MouseDoubleClick(object sender, MouseButtonEventArgs e)
            {
                MessageBox.Show("这是一个帮助信息");
            }

效果

鼠标指导这个label  有个问号，双击显示帮助信息

转载于:https://www.cnblogs.com/wskxy/p/11305468.html

[1138839-20190805204940117-242908513.png]: /images/20230809/92b1d2459268467b85e19c9761178d92.png
[1138839-20190805211246837-1597582609.png]: /images/20230809/78c2caed4b88471bade196fd60299806.png

发表评论取消回复

表情：

评论列表（有 0 条评论，113人围观）

还没有评论，来说两句吧...

相关阅读

相关 js的鼠标事件（JavaScript的鼠标事件，vue的鼠标事件）

js鼠标事件，相关属性： var div = document.getElementById("box") // 1、单击事件

╰+哭是因爲堅強的太久メ/ 2023年10月02日 23:49/ 0 赞/ 4 阅读

相关鼠标事件

1.移动、点击 <Grid> <Grid.RowDefinitions> <RowDefinition></R

小灰灰/ 2023年08月17日 16:53/ 0 赞/ 114 阅读

相关鼠标事件

–鼠标事件 click：单击 dbclick：双击 mousedown：用户按下任何鼠标按钮触发；冒泡 mouseup：用户释放鼠标按钮时触发；冒泡 mous

太过爱你忘了你带给我的痛/ 2023年07月13日 15:11/ 0 赞/ 85 阅读

相关鼠标事件

由鼠标事件（MouseEvent）可以发现：其中包含了许多的坐标，且每个坐标的含义都不一样。下面我们来挨个介绍常用的坐标，以及它们的含义。一、clientX、clie

╰+哭是因爲堅強的太久メ/ 2023年02月21日 06:12/ 0 赞/ 67 阅读

相关鼠标滚轮事件

要达到效果是，滚动鼠标到一定距离，导航条出现，没有达到这个高度，滚动条消失鼠标滚轮监听需要用到插件 jquery.mousewheel.min.js v

我就是我/ 2022年06月01日 21:19/ 0 赞/ 697 阅读

相关鼠标跟随事件

<html> <head> <title></title> </head> <body> <script> A=doc

╰半橙微兮°/ 2022年05月18日 00:56/ 0 赞/ 357 阅读

相关鼠标事件事件对象

事件对象：事件在浏览器中是以对象的形式存在的，触发一个事件，就会产生一个事件对象event，该对象包含所有与事件相关的信息，鼠标操作产生的event中会包含鼠标位置的信息，键盘

Dear 丶/ 2022年05月17日 11:46/ 0 赞/ 376 阅读

相关鼠标事件-MouseEvent

当鼠标进行某种操作时，就会生成一个event对象，该对象记录着鼠标触发事件时的所有属性。可以通过如下方法在google控制台打印出 MouseEvent 对象。

小灰灰/ 2022年05月14日 02:24/ 0 赞/ 266 阅读

相关鼠标移动事件

一介绍鼠标移动事件（onmousemove）是鼠标在页面上进行移动时触发事件处理程序，可以在该事件中用document对象实时读取鼠标在页面中的位置。二应用

快来打我*/ 2022年05月12日 00:00/ 0 赞/ 320 阅读

相关鼠标滚轮事件

做一个用鼠标滚轮控制图片放大缩小的简单功能。 1.滚动时页面也会跟随滚动e.preventDefault()去掉默认事件。 2.Chrome、IE等浏览器，用mousewh

迷南。/ 2021年11月02日 02:14/ 0 赞/ 521 阅读