事件侦听器以形成标签

Question

因此，我试图使此函数对表单的标签使用事件侦听器。 它应该以元素的id值作为其参数，然后为每个标签赋予id值id +'Label'。 我打电话时它什么也没做。 U和this。$ U是缩短代码的其他代码。

    addTooltipHandlers: function(id) {
    'use strict';

    // Get the form element reference:
    var newId = this.$(label.id);

    newId.onmouseover = showTooltip;
    newId.onmouseout = hideTooltip;
    newId.onfocus = showTooltip;
    newId.onblur = hideTooltip;

}, // End of addTooltipHandler() function.

我正在使用另一个js文件中调用它。

U.addTooltipHandler('someLabel');

html代码，我想在上面使用

<div class="two"><label for="phone">Phone Number<span class="tooltip">In the format XXX XXX XXXX or XXX-XXX-XXXX or XXXXXXXXXX.</span></label><input type="text" name="phone" id="phone" required></div>

Answer 1

尝试这个：

addTooltipHandlers: function(id) {
    'use strict';

    // Define the new ID value:
    var newId = this.$(id + 'label');

    newId.onmouseover = showTooltip;
    newId.onmouseout = hideTooltip;
    newId.onfocus = showTooltip;
    newId.onblur = hideTooltip;

},

无需从id获取元素，您无需对该元素做任何事情。 您只想将给定的ID与label串联起来，并使用它来查找将处理程序附加到的新元素。

第二次onmouseover应该是onmouseout 。

为此，您需要在标签上添加ID：

<label for="phone" id="phonelabel">

然后，您可以致电：

U.addToolTipHandlers('phone');