Question

我需要使用jquery为所选行着色。假设我有一个textarea，它有一条线。当用户点击textarea时，我需要为点击的行添加颜色。所以我使用这段代码：

$(document).on("mouseup", '#scroll_bar', function(eventData) {
        console.log("DELLLLLLLLL");
        var scrollPosition = $(this).scrollTop()
        var lineHeight = $(this).css("line-height");
        lineHeight = parseInt(lineHeight.substring(0, lineHeight.length - 2));

        var line = Math.floor((eventData.offsetY + scrollPosition) / lineHeight);

        alert($(this).val().split("\n")[line]);
    });

但是我找到了用户点击的行，但我没有选择使用橙色的颜色。有人可以帮帮我吗？

Answer 1

可以用背景图像为textarea的一条（或多条）线着色。

这里有一个例子，说明如何使用线性渐变作为背景图像。

background: linear-gradient(to bottom, #fff 0px, red 0px, red 22px, #fff 22px);
background-position: 20px;

Working example

如何在textarea jquery中只有一行颜色

1 个答案: