javascript - 覆盖单个元素的焦点方法

Question

我正在创建一个自定义组件，该组件需要与本机模糊和焦点功能很好地配合使用。我正在尝试覆盖这些功能以提供我需要的功能。

我能够像这样覆盖原型函数：

$('div#foo').__proto__.focus = function(msg) {
    console.log(msg);   
}

问题在于它覆盖了所有 div 的焦点功能。我只想在属于我的组件的特定元素上覆盖此函数。

这是一种显示我想要做的要点的小提琴：http: //jsfiddle.net/dkrotts/5mXVL/3/

Answer 1

如何附加一个新的焦点事件并使用preventDefault来阻止正在发生的事情。

$('#foo').focus(function(event) {
    event.preventDefault()
    // your code...
}