href和onclick

Question

我有2个要求：

1. 有一些消息，我必须浏览这些消息 标签上的消息，即如果我点击 选项卡应该从一个控件移动 消息到另一个，等等，全部 消息应该是链接。

   这可以通过使用href。

来完成

2. 如果我点击这些消息，则会调用一个函数，该函数实际设置相应字段的焦点。就像我有一个名字字段，如果我输入数字，出现错误信息并点击此消息，控件将转到相应的字段。

我在锚标记

中添加了一个href：javascript（function）

这在IE7中正常工作，但它在IE6中不起作用我得到一个用真值或假值打开的新窗口。如果我使用onclick并删除href它在IE6中正常工作，但导航不会发生。

还有其他替代方案，导航和onclick都可以正常工作或需要添加其他内容。

请帮我解决这个问题。

提前致谢。

Regds viswa

Answer 1

尝试在链接的href属性中返回false，或使用'#null'。最重要的是，你不应该删除href的锚标签，因为它们将不再可以通过tab键导航：

<a href="javascript:return false" onclick="doSomething()">Foo</a>

或：

<a href="#null" onclick="doSomething()">Foo</a>

Answer 2

您可以考虑不使用锚标记。应为导航保留锚标签。

您是否考虑过＆lt; 标签＆gt;标记

<label for="foo">This is Foo</label>
<input type="text" id="foo" value="" />

单击标签将为输入提供焦点。

Answer 3

你可以使用不引人注目的JS而不是内联，那么你只需要href。

<a href="/foo" class="fooLink">Foo</a>

在文档就绪函数中（假设您正在使用jQuery，可以轻松更改为Prototype或vanilla js）

  $(".fooLink").click(function() {
     doSomething();
  });