避免专注于html表中的链接

时间:2012-09-25 14:09:37

标签: javascript html dom

我在表格中有一堆表格数据,如下图所示。

我想避免在标签数据设置时点击链接(href)。

不使用Jquery,我正在使用原型1.6。

有没有办法做到这一点,因为我不知道我在下面的那行? (我已经从checkBox到输入文本完成了,但我同时知道他们的ID ..现在我没有?

我在复选框上做了什么:

function checkboxOnFocus(id){
    var adjustField = document.getElementById('a'+id);
    adjustField.focus();
    adjustField.select();
}

图片“文字” - 字段突出显示: Picture of link highlighted(This is what I wish to avoid):

突出显示的链接图片(这是我希望避免的): picture of link highlighted

2 个答案:

答案 0 :(得分:4)

在HTML中,将链接的tabindex属性设置为-1。这将它们排除在Tab键顺序之外,不需要Javascript。

答案 1 :(得分:0)

  • 首先不要将复选框更改为输入文本框。
  • 点击后避免文字链接的虚线方块,在css中添加 outline:none;
  • 添加类以避免在标记数据以设置它时触及链接(href)。 .check{ cursor:text;}