textarea标签行号

所属分类:输入-自动完成

 40999  319  查看评论 (8)
分享到微信朋友圈
X
textarea标签行号 ie兼容10

extarea标签自动显示行号(Textarea tags automatically displays line Numbers)

html

<body>
  <textarea type="text" id="text" class="text"></textarea>
  <script src="./js/jquery-1.12.0.min.js"></script>
  <script src="./js/auto-line-number.js"></script>
</body>

JavaScript

$("#textarea").setTextareaCount();

Option

width 行号条的宽度,默认30px
color 行号条的字体颜色,默认#FFF
bgColor 行号条的背景颜色,默认#333
display 行号条的类型,默认block

Example

支持使用类名可同时多个配置

$(".textarea").setTextareaCount({
    width: "30px",
   bgColor: "#999",
   color: "#FFF",
   display: "block"
});


相关插件-自动完成

长度单位转换插件Length.js

Length.js用于长度单位转换的JavaScript库
  自动完成
 24308  290

jQuery房贷计算器

jQuery房贷计算器,应用于各种贷款计算的统计图
  自动完成
 27382  331

jQuery仿淘宝购物车

jQuery常规的购物车计算逻辑
  自动完成
 30167  297

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 31965  327

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    无他 0
    2021/1/10 16:30:27
    行号和输入的内容宽度不一致怎么弄? 回复
    天外有天 0
    2019/1/12 23:45:29
    如果通过js对这个textarea赋值,行号不起作用。
        福尔摩zou1
        2020/9/22 15:40:52

        js给textarea赋值后,再调用一下keydown事件就行了。

        $("#text").keydown()
        无他0
        2021/1/10 17:14:34
        我这里好像不行啊
    回复
    maqinggao520 0
    2018/1/2 10:01:06

    导入了js

    <script type="text/javascript" src="javascript/auto-line-number.js"></script>

    设置了

    $("#editSection").setTextareaCount();

    没有效果!

        maqinggao5200
        2018/1/2 10:25:21

        jquery-1.12.0.min.js也导入了

        IE10、Chrome49都不显示行号

    回复
    晨之风 0
    2016/11/17 17:11:29
    请问怎么获取里面的值呢
        西瓜0
        2016/12/15 10:12:05

        $("#text").val()不就是吗。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复