覆盖单个元素的焦点方法

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...
}