html首先按tab加什么

html首先按tab加什么,第1张

script>

function ff(event){

event=event || window.event

//alert(event.keyCode)

if(event.keyCode==9){//获取TAB的事件

document.getElementById('name').value=" "+document.getElementById('name').value//改变文本框值这个你随意是空格或什么的你自己改

document.getElementById('name').focus()//这里是把焦点放到文本框中,因为按了TAB后是往下一个位置走的需要强制让他回来我选择了键盘抬起事件作为触发点

纯html的意思至少应该有css和JS吧?两种解决方案:

方案1:多个标签,下面的DIV只需要一个,每切换到一个标签通过ajax获取相应数据,然后填充到div中,这个因为涉及到ajax你可能不会,所以跳过,用下一个

文案2:标签与下面的DIV一一对应,DIV默认先全部隐藏,切换到哪个标签就显示对应的DIV。

先来样式表

<style type="text/css">

    a{border:1px solid #f00margin:10pxpadding:10px}

    div.show{display:noneborder:1px solid #00fpadding:20pxmargin:20px}

</style>

再来html

<p>

<a>标签1</a><a>标签2</a><a>标签3</a>

</p>

<div class="show" id="show0">内容1</div>

<div class="show" id="show1">内容2</div>

<div class="show" id="show2">内容3</div>

JS脚本

$("p a").mouseover(function () {

        $(".show").hide()

        $("#show" + $(this).index()).fadeIn(500)

    })

这个是方便盲人使用键盘来 *** 作选择超链接的。也就是Tab键+索引键位,组合直达的方式直接作用于本链接。

网页技术自流行以来,都一直存在方便盲人上网的:tab键切换网页元素方式。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7389677.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-05
下一篇2023-04-05

发表评论

登录后才能评论

评论列表(0条)

    保存