прослушиватели событий, чтобы сформировать ярлык

Question

Итак, я пытаюсь использовать эту функцию для прослушивателей событий на ярлыке формы. Предполагается, что в качестве аргумента будет использовано значение id элемента, а затем дать каждой метке значение id id + 'Label'. В настоящее время я ничего не делаю, когда я это называю. U и это. $ 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.

Для этой работы необходимо дать идентификаторы наклеек:

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

Тогда вы можете позвонить:

U.addToolTipHandlers('phone');