双击Javascript会在textarea中插入行

三重C

我正在尝试做的是:

  1. 双击文本区域中的一行。
  2. 防止选择文本。
  3. 在该行前加一个破折号。

我知道一些基本的jquery,但似乎无法理解所需的较低级别的javascript。这是我到目前为止的内容:

$("textarea").dblclick(function() {

   //TODO: Prevent selection


   //TODO: Get the line number??


   //TODO: prepend a dash to the line
   // or replace the line with itself
   // plus the dash at the front??


});

这是小提琴

亚当·科涅斯卡(Adam Konieska)

您可能需要做很多事情,但是这样的事情足以让您入门:

$("textarea").dblclick(function() {
    //first, get the position of the cursor
    var cursorPosition = $(this).prop("selectionStart");

    //get the text value at the cursor position
    var textValue = $(this).val().substr(cursorPosition,1);

    //use a loop to look backward until we find the first newline character \n
    while(textValue != '\n' && cursorPosition >= 0) {
        cursorPosition--;
        textValue = $(this).val().substr(cursorPosition,1);
    }
    //update the textarea, combining everything before the current position, a dash, and everything after the current position.
    $(this).val(($(this).val().substr(0,cursorPosition+1) + '-' + $(this).val().substr(cursorPosition+1)))

});

您可以在此JS小提琴中看到一个示例:

http://jsfiddle.net/igor_9000/4zk5otvm/2/

您可能还需要添加更多内容,具体取决于您希望对该功能执行的操作以及要强制执行的限制,但这足以让您入门。希望有帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从textarea插入行?

来自分类Dev

在VBA Excel中插入行

来自分类Dev

在表格中插入行号

来自分类Dev

在文件中插入行号

来自分类Dev

在多个文件中插入行

来自分类Dev

在Word表中插入行

来自分类Dev

在表格中插入行号

来自分类Dev

使用javascript在html表中间插入行

来自分类Dev

如何在postgreSQL pgAdmin中插入行?

来自分类Dev

使用CURL在InfluxDB中插入行

来自分类Dev

Mysql,在表中插入行的问题

来自分类Dev

从Outlook在Excel中插入行边框

来自分类Dev

如何在Corona的TableView中插入行?

来自分类Dev

在Python Pandas DataFrame中插入行

来自分类Dev

在Excel中始终从页面顶部插入行

来自分类Dev

Mysql,在表中插入行的问题

来自分类Dev

如何在文件中插入行

来自分类Dev

如何在Corona的TableView中插入行?

来自分类Dev

使用插入行中的数据触发

来自分类Dev

如何在新表中插入行?

来自分类Dev

在uitableview中插入行并重新加载

来自分类Dev

使用线程在 JTable 中插入行

来自分类Dev

用树枝在表中插入行

来自分类Dev

在Excel中的数字范围之间插入行

来自分类Dev

如何在表格中动态插入行

来自分类Dev

插入行以填写 R 中缺失的日期

来自分类Dev

在Postgres中的多行插入查询中返回插入行的索引

来自分类Dev

在textarea标签中插入今天日期的JavaScript代码

来自分类Dev

在TextArea中插入ICON / PNG