레이블을 구성하는 이벤트 리스너

Question

그래서이 함수는 이벤트 리스너를 폼의 레이블에 사용하려고합니다. 그 요소의 id 값을 인수로 취한 다음 각 레이블에 id + 'Label'의 id 값을 부여해야합니다. 내가 전화 할 때 현재 아무것도하지 않고있다. 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

에 사용하려고이 :

, 당신이 아무것도하지 않는 id의 요소를 취득 할 필요가 없습니다

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를 label으로 연결하고이를 사용하여 핸들러를 연결할 새 요소를 찾습니다.

두 번째 onmouseover은 onmouseout이어야합니다. 이 작업을 위해

, 당신은 라벨에 ID를 제공해야합니다

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

그런 다음 당신이 호출 할 수 있습니다

U.addToolTipHandlers('phone');