怎样实现按TAB键后跳过readonly的文本框,在线等

zhuzhen_17 2010-05-06 09:42:55
网上找了很久,有个方法就是在每个input标签里面加上tabindex属性,readonly的文本框就不加,所以会跳过,
这样tab按键后就会根据这个属性来跳转,但是这样的话会很麻烦,每个input里面都要加,上百个页面,这样就很不方便了,所以找个高手给个更好的解决办法或点子,最好是用javascript写的。
小弟感激不尽!
...全文
407 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhuzhen_17 2010-05-06
  • 打赏
  • 举报
回复
谢谢你们帮助我,我自己找到了更好的方法,只要在readonly的文本框里面加tabIndex=-1就可以了
在后台写个方法应该就OK了。
zhuzhen_17 2010-05-06
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 showbo 的回复:]
input标签里面加上tabindex属性,readonly的文本框就不加

反过来也行啊,readonly的家商tabindex,为最大的,如1000,这样在最后再获得焦点,未设置tabindex的话默认为0


HTML code
<input type="text" />
<input type="text" readonly="readonly" tabindex="100"……
[/Quote]

这个方法之前我也有想过,但是后来还是不行,因为我的input的是循环的,在最后一个input的时候按tab有个自动增加一个循环的方法,也就是一条明细数据。如果有tabindex1000的话,他就不会增加一行而是跳到这个1000这里了


5楼的说CSS,能说明白点吗?我不懂CSS...
jsg2004jack 2010-05-06
  • 打赏
  • 举报
回复
顶四楼
JWQ525727 2010-05-06
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 lieri111 的回复:]

设置一样的class=“xx”,用xx来控制就可以了,不过我说的是jquery
[/Quote]
加上css应该可以实现的, 没必要用Jquery啊
  • 打赏
  • 举报
回复 1
input标签里面加上tabindex属性,readonly的文本框就不加

反过来也行啊,readonly的家商tabindex,为最大的,如1000,这样在最后再获得焦点,未设置tabindex的话默认为0

<input type="text" />
<input type="text" readonly="readonly" tabindex="100"/>
<input type="text"/>
zhuzhen_17 2010-05-06
  • 打赏
  • 举报
回复
我这个项目里面没用jquery。。。
passself 2010-05-06
  • 打赏
  • 举报
回复
或者用相同的name ,用js document.getElementsByName("xx");//也可以
passself 2010-05-06
  • 打赏
  • 举报
回复
设置一样的class=“xx”,用xx来控制就可以了,不过我说的是jquery

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧