在这篇文章中，我们使用 jQuery 实现智能输入框光标的位置。它不需要图像，是使用纯粹的 CSS3 实现的，而且实时、准确，这意味着你在添加或删除文本的时候它会自动适应。使用事件代理机制实现，所以不用担心性能问题。
这款插件的只要有以下特色：
- 不需要图片，纯 CSS 渲染；
- 不需要额外的 DOM 支持；
- 支持文本选择自动移动方向；
- 准确和动态，这意味着你添加或删除文本它会自动适应；
- 只有在文本超出输入框可视区域的时候才显示；
- 使用事件代理机制实现，不用担心性能问题；
使用非常简单，下面是示例代码：
|
1
2
3
4
5
6
7
8
|
// 初始化
$(
'input:text'
).inputIndicator();
// 初始化时设置背景位置
$(
'input:text'
).inputIndicator({ bgPos:
'31px'
});
// 取消提示
$(
'input:text'
).inputIndicator(
'destroy'
);
|
本文转自山边小溪 51CTO博客，原文链接：http://blog.51cto.com/lihongbo/1107474，如需转载请自行联系原作者
