Question

我有一个没有图片的网络应用程序。它适用于视障人士。它使用TAB按钮导航。如何获取所选网页的标题/文本，如按钮，菜单等。通过选择我的意思是使用TAB按钮，而不是鼠标点击。使用Javascript或任何其他语言。

Answer 1

使用jQuery库的.focusin()方法。尝试使用 TAB 按钮在下面的代码段中输入表单输入。

＆＃13;

$(document).focusin(function(e) {
  console.log(e.target.name);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#">
  <input type="text" name="input1"/>
  <input type="text" name="input2"/>
  <input type="text" name="input3"/>
</form>

＆＃13;

我在我的示例中使用了事件目标的name属性，但是您可以获得任何属性值。例如

$(document).focusin(function(e) {
  console.log($(e.target).attr("type"));
});

可以通过相同的方式获取id和其他信息。

在网页上获取使用TAB按钮选择的项目的标题

1 个答案: