如何通過使用鍵盤而不是鼠標來顯示html選擇列表的工具提示？

Question

我創建了以下html代碼和JQuery腳本

<select id="myId" name="myName" onmouseover="createToolTip('myName')">
    <option value="value_1" title="My first tooltip">option to select 1</option>
    <option value="value_2" title="My second tooltip">option to select 2</option>
    <option value="value_3" title="My third tooltip">option to select 3</option>
    <option value="value_4" title="My fourth tooltip">option to select 4</option>
</select>

function createToolTip(name){   

    var tooltips = {
        'value_1': 'option to select 1',
        'value_2': 'option to select 2',
        'value_3': 'option to select 3',
        'value_4': 'option to select 4'
    };

    var selector = "[name=" + name + "] option";                    
    jQuery(selector).each(function() {
        $(this).attr('title', tooltips[$(this).val()]);
    });         
};

如果我用鼠標光標滾動到選項字段，則將顯示此選項元素的特定工具提示。

但是，如果我僅使用鍵盤（箭頭光標）瀏覽選項列表，是否可以顯示工具提示？ 或者，如果我使用鼠標，則僅顯示工具提示？ 為此必須使用哪個事件（例如，onfocus無效）

謝謝 ！

Answer 1

焦點事件怎么樣？ 你有試過嗎 我相信onfocus既可以使用鼠標也可以使用鍵盤。