Question

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

Answer 1

是的，您可以为所有必填字段写一次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());

});

您也可以在上面示例中的 para 选择器列表中使用css类。

<强> DEMO HERE

在演示中，在文本框中键入内容然后将鼠标放在它上面。

Answer 2

你可以使用一个处理程序，它可以在加载过程中循环遍历页面上的所有控件（确保尽早完成事件仍然会被注册）并根据控件类型添加事件。

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 (...)
}

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

2 个答案: