Javascript/JQuery xóa khỏi tabindex

Question

Trên biểu mẫu HTML, tôi có hộp văn bản INPUT, sau đó là một liên kết, sau đó được theo sau bởi một hộp văn bản INPUT khác. Tôi muốn loại bỏ các liên kết từ trình tự tabIndex/tab:

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="..a url.." id="link1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

Trình tự tab là field1, link1, field2 và tôi muốn nó được field1, field2 mà không link1 trong tabIndex/trật tự tại tất cả. Ngoài việc sắp xếp lại thông qua thuộc tính tabindex, có cách nào để xóa link1 khỏi tabbing hoàn toàn không?

Answer 1

Bạn có thể đạt được điều này với html:

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="#" id="link1" tabindex="-1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

Bạn cũng có thể sử dụng jquery để làm điều này:

$('#link1').prop('tabIndex', -1);