如何使用键盘代替鼠标显示html选择列表的工具提示
How to show tooltips for a html select list by using keyboard instead of mouse?
我已经创建了以下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()]);
});
};
如果我用鼠标滚动到option字段上,将会显示该option元素的特定工具提示。
但是,如果我只使用键盘(箭头光标)在选项列表上导航,是否有可能显示工具提示?或者工具提示只在使用鼠标时可见?哪个事件必须用于此(例如,onfocus不起作用)
谢谢!
onfocus事件呢?你试过吗?我相信onfocus在鼠标和键盘上都能工作。
相关文章:
- jQuery在两个字符串标识符之间选择HTML
- D3选择html——传递函数时,索引从1开始,而不是从0开始
- 如何减去选项两个相关的选择 HTML
- 选择 html 表中的行
- 使用jquery聚焦选择html元素
- jQuery从选项的输出字符串中选择HTML选项
- 使用 jQuery 通过 ID 属性选择 HTML 元素
- 尝试开机自检“选择”HTML表单输入时出现PHP错误
- 从单选按钮中获取值以选择 html 格式的图像
- 如何使用javascript/jquery中的某个类选择HTML页面上的所有角度字段
- 仅选择 html 节点的根项
- 有没有办法通过javascript注入自动选择HTML<选项>
- 如何选择 html <选项>其中 text=Washington
- 如何选择 HTML 表中一列的所有复选框
- 通过jquery动态创建和选择html元素
- 有没有其他方法可以选择HTML元素
- 如何调用一个jQuery Colorbox弹出在选择HTML控件的onchange事件
- 如何使用 jsoup 选择 html 文档的叶标签
- 使用 HTML 选择 (HTML) 的选择顺序出现问题
- 在选择 HTML 表单的文本输入字段后无法使日期选取器工作