天天看点

基于 jQuery & CSS3 实现智能提示输入框光标位置

  这款插件的只要有以下特色:

不需要图片,纯 CSS 渲染;

不需要额外的 DOM 支持;

支持文本选择自动移动方向;

准确和动态,这意味着你添加或删除文本它会自动适应;

只有在文本超出输入框可视区域的时候才显示;

使用事件代理机制实现,不用担心性能问题;

  使用非常简单,下面是示例代码:

<a href="http://blog.51cto.com/lihongbo/1107474#">?</a>

1

2

3

4

5

6

7

8

<code>// 初始化</code>

<code>$(</code><code>'input:text'</code><code>).inputIndicator();</code>

<code>// 初始化时设置背景位置</code>

<code>$(</code><code>'input:text'</code><code>).inputIndicator({ bgPos:</code><code>'31px'</code> <code>});</code>

<code>// 取消提示</code>

<code>$(</code><code>'input:text'</code><code>).inputIndicator(</code><code>'destroy'</code><code>);</code>

本文转自山边小溪 51CTO博客,原文链接:http://blog.51cto.com/lihongbo/1107474,如需转载请自行联系原作者

继续阅读