textarea标签行号

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

 40149  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"
});


相关插件-自动完成

获取当前光标位置

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

原生JS实现购物车结算功能代码

一款界面很舒服的,用户体验很高的购购物才结算插件
  自动完成
 91568  462

jquery输入框邮箱下拉智能提示

jquery输入框邮箱下拉智能提示
  自动完成
 34429  394

jQuery多值输入插件 jQuery Manifest

类似QQ发送邮件收件人输入框
  自动完成
 35147  356

讨论这个项目(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()不就是吗。

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