创建自定义jquery函数，为给定的元素类型选择所有焦点

Question

在我们的web应用程序中，我经常有几个视图，我们希望指定某些输入和文本区域(例如，具有selectAll类的区域(来集中选择。下面函数中的代码工作得很好，但由于我们经常使用它，我们更希望有一个通用函数来调用。

因此，我在下面的尝试是使用这个自定义jquery函数(不确定这是否是正确的术语……也许是插件？(

$.fn.selectAllOnFocus = function () {
$('body').on('focus', this, function (e) {
$(this)
.one('mouseup', function () {
$(this).select();
return false;
})
.select();
}); 
};

然后对给定的选择器这样调用：

<script type="text/javascript">
jQuery(function($){
$('input.selectAll, textarea.selectAll').selectAllOnFocus();
});
</script>

我曾尝试将this变量包装在jquery实例化器中的.on参数中(同样，我可能会将该术语编造为它没有的意思：((，就像在$(this)中一样，但没有成功。正如你所知，我在jquery方面不是最强的，我缺少什么？

Answer 1

我很接近。需要获取jquery对象的选择器属性

$.fn.selectAllOnFocus = function () {
$('body').on('focus', this.selector, function (e) {
$(this)
.one('mouseup', function () {
$(this).select();
return false;
})
.select();
}); 

}；