鼠标悬停在所有字段上，而不使用onmouserover选项

本文关键字：选项 onmouserover 悬停 字段 鼠标 | 更新日期: 2023-09-27 18:34:50

我正在开发一个 asp.net 应用程序，其中应该为所有字段、标签和网格视图标题实现鼠标悬停。我尝试通过使用onmouserover选项或使用jquery函数函数鼠标悬停来实现它，但是在这种情况下，我必须为每个字段中的每个函数编写该函数。我想知道是否有更好的方法来实现这一点，以便我们只能编写一个函数，每次鼠标悬停时都可以调用该函数。任何人都可以提出实现此目标的最佳方法。我将从数据库中获取必须为鼠标悬停事件显示的数据，这些数据以表格格式存储，其中包含字段名称和鼠标悬停时必须显示的相应描述

鼠标悬停在所有字段上，而不使用onmouserover选项

是的，您可以为所有这些必填字段编写一次mouseover：

$('input,label,span,.para').mouseover(function () {
    if ($(this).is('input')) 
      $('#res').text($(this).val());
    if ($(this).is('label') || $(this).is('span') || $(this).is('div')) 
      $('#res').text($(this).text());
});

您还可以在选择器列表中使用 css 类，如上例中的 para。

在这里演示

在演示中，

在文本框中键入内容，然后将鼠标放在其上。

可以使用一个处理程序，该处理程序将在加载期间遍历页面上的所有控件(请务必尽早执行此操作，以便事件仍会注册(，并根据控件类型添加事件。

foreach(Control c in this.Controls)
{
    if(c.GetType() == typeof(Label)) // Probably not correct syntax, but you get idea
    {
        //*cast your control
        c.Attributes.Add("onmouseover", "yourJScriptEvent");
    }
    else if (...)
}
相关文章：