Javascript 焦点事件(jQuery)触发鼠标单击转到href
当按钮处于焦点时,我试图让站点在同一站点中导航另一个页面。因此,正如当您单击按钮时,它会将用户带到站点中的某个页面,我希望当用户使用选项卡“聚焦”某个按钮时,浏览器会导航到该页面,就像该按钮已被选中一样 我尝试过几种方法,但似乎都不管用,以下是我目前正在使用的方法Javascript 焦点事件(jQuery)触发鼠标单击转到href,javascript,jquery,html,Javascript,Jquery,Html,当按钮处于焦点时,我试图让站点在同一站点中导航另一个页面。因此,正如当您单击按钮时,它会将用户带到站点中的某个页面,我希望当用户使用选项卡“聚焦”某个按钮时,浏览器会导航到该页面,就像该按钮已被选中一样 我尝试过几种方法,但似乎都不管用,以下是我目前正在使用的方法 <script> $('a.link, .nav-item').focus (function(){ if (.focus === true) { .trigger('click'); }
<script>
$('a.link, .nav-item').focus (function(){
if (.focus === true) {
.trigger('click');
}
});
</script>
$('a.link,.nav item')。焦点(函数(){
如果(.focus==true){
.trigger('click');
}
});
只需将位置替换为window.location即可。无需模拟单击 但我要说的是,这并不是最好的做法,如果用户无意中点击了tab或其他什么呢?这比仅仅停留在点击按钮上要难控制得多。但我离题了,选择权在你,你可以这样做:)
$('#tabbyRef')。焦点(函数(){
window.location=$('#tabbyRef').attr('href');
});代码>
试试
$('a.link, .nav-item').focus(onFocus);
function onFocus() {
$this = $(this);
if ($this.focus === true) {
$this.click();
}
}
使用该选项卡导航的全部意义在于可访问性——似乎没有必要做你想做的事情。谢谢你,这工作做得很好。对于上下文,我们正在为电视用户界面制作原型,并尝试重新创建一些在互联网电视网站上常见的交互。这就是我们打破传统的基于web的最佳实践的原因。再次感谢您的帮助:)您知道我可以如何将重点放在一个特定的问题上吗?例如,如果在第页上,我希望焦点像上面的示例一样从“第二次”开始,是否可能?@ChrisPennell查看我的编辑。我可以从我的头顶上想出20种方法来做到这一点。这里有两种方法。如果这有助于提高投票率并选择作为答案:)