通过Form的OnMouseEnter和OnMouseLeave事件,设置窗体的透明度

本文介绍了一个使用C#实现的窗体透明度动态调整功能。当鼠标进入窗体时,窗体透明度设为1;当鼠标离开时,根据鼠标位置决定是否保持全透明或者调整为半透明。该功能通过简单的条件判断实现。

public partial class frmOpacity : Form
    {
        private double _in = 1;//in form color
        private double _out = 0.5;//leave form color
        public frmOpacity()
        {
            InitializeComponent();
        }

        private void frmOpacity_MouseEnter(object sender, EventArgs e)
        {
            this.Opacity = _in;
        }

        private void frmOpacity_MouseLeave(object sender, EventArgs e)
        {
            if (Cursor.Position.X > this.Location.X && Cursor.Position.Y > this.Location.Y && Cursor.Position.X < this.Location.X + this.Width && Cursor.Position.Y < this.Location.Y + this.Height)
                this.Opacity = _in;
            else
                this.Opacity = _out;
        }
    }

在前端开发中,这些事件通常用于处理与鼠标交互相关的操作,以下是它们的含义: ### onClick `onClick` 事件在用户使用鼠标左键单击某个元素时触发。常用于处理按钮点击、链接点击等操作。例如,当用户点击一个提交按钮时,可以使用 `onClick` 事件来触发表单提交的逻辑。 ```html <!DOCTYPE html> <html lang="en"> <body> <button onclick="alert('Button clicked!')">Click me</button> </body> </html> ``` ### onContextMenu `onContextMenu` 事件在用户右键单击某个元素时触发。一般用于自定义右键菜单。当用户在网页上右键单击时,默认会弹出浏览器的上下文菜单,通过 `onContextMenu` 事件可以阻止默认行为并显示自定义的菜单。 ```html <!DOCTYPE html> <html lang="en"> <body> <div oncontextmenu="event.preventDefault(); alert('Custom context menu!')">Right click me</div> </body> </html> ``` ### onDoubleClick `onDoubleClick` 事件在用户快速连续两次点击鼠标左键时触发。可用于实现一些需要双击操作的功能,如双击打开文件、放大图片等。 ```html <!DOCTYPE html> <html lang="en"> <body> <div ondblclick="alert('Double clicked!')">Double click me</div> </body> </html> ``` ### onMouseDown `onMouseDown` 事件在鼠标按钮(左键、右键或中键)被按下时触发,不管鼠标是否在元素内部。它是鼠标交互的起始事件,常用于处理鼠标按下时的一些初始操作,如开始拖动元素。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmousedown="alert('Mouse button down!')">Press mouse here</div> </body> </html> ``` ### onMouseUp `onMouseUp` 事件在鼠标按钮(左键、右键或中键)被释放时触发,不管鼠标是否在元素内部。通常与 `onMouseDown` 事件配合使用,用于完成一些操作,如结束拖动元素。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmouseup="alert('Mouse button up!')">Release mouse here</div> </body> </html> ``` ### onMouseOver `onMouseOver` 事件在鼠标指针移动到某个元素上时触发,包括该元素的子元素。当鼠标进入元素的边界时,就会触发该事件,常用于实现鼠标悬停效果,如显示提示信息、改变元素样式等。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmouseover="this.style.backgroundColor = 'yellow'">Hover over me</div> </body> </html> ``` ### onMouseOut `onMouseOut` 事件在鼠标指针移出某个元素时触发,包括移出到该元素的子元素之外。与 `onMouseOver` 事件相对应,常用于取消鼠标悬停效果。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmouseover="this.style.backgroundColor = 'yellow'" onmouseout="this.style.backgroundColor = 'white'">Hover over and out</div> </body> </html> ``` ### onMouseMove `onMouseMove` 事件在鼠标指针在某个元素内部移动时持续触发。可以用于实现一些需要实时跟踪鼠标位置的功能,如绘制图形、拖动元素时实时更新位置等。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmousemove="showCoordinates(event)">Move mouse here</div> <p id="coords"></p> <script> function showCoordinates(event) { document.getElementById('coords').innerHTML = `X: ${event.clientX}, Y: ${event.clientY}`; } </script> </body> </html> ``` ### onMouseEnter `onMouseEnter` 事件在鼠标指针进入某个元素时触发,但不包括进入该元素的子元素时触发。与 `onMouseOver` 不同,`onMouseEnter` 不会在进入子元素时重复触发,常用于实现一些简单的鼠标进入效果。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmouseenter="this.style.backgroundColor = 'lightgreen'">Enter here</div> </body> </html> ``` ### onMouseLeave `onMouseLeave` 事件在鼠标指针离开某个元素时触发,但不包括离开到该元素的子元素时触发。与 `onMouseOut` 不同,`onMouseLeave` 不会在离开到子元素时触发,常用于取消鼠标进入效果。 ```html <!DOCTYPE html> <html lang="en"> <body> <div onmouseenter="this.style.backgroundColor = 'lightgreen'" onmouseleave="this.style.backgroundColor = 'white'">Enter and leave</div> </body> </html> ``` ### onDrag `onDrag` 事件在用户开始拖动某个元素时触发。通常与 `dragstart`、`dragend` 等事件配合使用,用于实现元素的拖动功能。 ```html <!DOCTYPE html> <html lang="en"> <body> <img src="example.jpg" draggable="true" ondrag="alert('Dragging...')"> </body> </html> ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值