如何在meteor/javascript中禁用禁用的html元素上禁用鼠标单击事件

我用的是流星。我有一堆按钮，目前被禁用。我有一个事件监听器，点击按钮打开一个模式。现在，这些按钮的状态是禁用的。即使如此，当我点击disabled按钮时，模式仍然打开。禁用元素是否会阻止由此生成的任何事件

模板：

<a class="btn btn-sm btn-default" id="{{name}}" name ="editRole"
   disabled="disabled" data-toggle="tooltip" data-placement="top"
   title="Not available right now">
  <em class="fa fa-pencil"></em>
</a>
<a class="btn btn-sm btn-danger" id={{name}} name="deleteRole"
   disabled="disabled"  data-toggle="tooltip" data-placement="top"
   title="Not available right now">
  <em class="fa fa-trash"></em>
</a>

我认为唯一的方法是添加禁用类，如下所示：

---

disabled=“disabled”

似乎只会使图标变灰，但仍然会生成事件，而

class=“…disabled”

似乎可以防止事件发生。

您无法禁用a元素-因此

disabled

属性除了使HTML无效之外没有任何效果

---

若要停止鼠标事件工作，请将事件处理程序附加到元素并对其使用

event.preventDefault（）

，检查现有单击处理程序中元素上的

数据禁用属性，或在需要时打开/关闭的CSS类中使用
指针事件：无
。尽管IE中不支持
指针事件
，但您不能禁用
元素
，因此
禁用
属性除了使HTML无效之外没有任何效果。若要停止鼠标事件工作，请将事件处理程序附加到元素并对其使用
event.preventDefault（）
，检查现有单击处理程序中元素上的
数据禁用属性，或在需要时打开/关闭的CSS类中使用
指针事件：无
。尽管要知道，
指针事件
在IE中没有得到很好的支持，但我只是编辑了我的问题。我已经添加了一些我发现的更多细节working@RoryMcCrossan-如果你能把评论作为答案，我可以投票并接受答案。
'click [name=editRole]'(event){
        Session.set("editRole",$(this).attr('name'));
        console.log("The role to be edited is: " + Session.get("editRole"));
        Modal.show('editRoleModal');
    },
'click [name=deleteRole]'(event){
        console.log(this);
        console.log("button clicked is: " + $(this).attr('name'));
        Session.set("deleteRole", $(this).attr('name'));
        Modal.show('confirmRoleDeleteModal');
    }