javascript - 如果添加/删除另一个属性，则使用 jQuery 添加/删除属性

Question

我有一堆文本框元素，根据一堆不同的条件添加和删除 readonly 属性。

用户提示按 Tab 键会让他们“卡在”只读文本框上。

我现在想在每次设置 readonly='readonly' 时添加 tabindex='-1'，然后删除 tabindex 属性每当我删除 readonly 属性时。

是否有一个全局事件可以用来执行此操作？我试图避免找到它发生的每个实例并手动执行。

Answer 1

您可以使用不同的策略，而不是每次在元素上设置/取消设置 readonly 时修改 tabindex:

• 将所有涉及的元素绑定(bind)到焦点处理程序
• 然后，如果该元素是只读，则仅触发tab罢工

类似这样的东西(根据您的上下文进行优化):

$('.involved-element').focus(function() {
  if (!$(':enabled', this)) {
    $(document).trigger({type:'keydown', which:9});
  }
}