在输入框中的多行内容中，如何获取鼠标点击内容和内容所在行数

为了获取鼠标点击内容和内容所在行数，我们可以利用 JavaScript 中的 Mouse Event 对象和 DOM 操作。具体方法如下：

1. 给输入框添加一个鼠标点击事件的监听器。

2. 在监听器函数中，通过鼠标点击事件的 clientY 属性获取鼠标点击位置的垂直坐标。

3. 再通过输入框的 getBoundingClientRect() 方法获取输入框距离视窗顶部的偏移量。

4. 将鼠标点击位置的垂直坐标减去输入框距离视窗顶部的偏移量，得到鼠标点击位置相对于输入框顶部的偏移量。

5. 将鼠标点击位置相对于输入框顶部的偏移量除以输入框的行高，得到鼠标点击位置在输入框中的行数。

6. 通过输入框的 selectionStart 和 selectionEnd 属性获取输入框中被选中的文本的起始位置和结束位置，从而得到鼠标点击位置所在的文本内容。

代码示例如下（假设输入框的 id 为 input）：

var input = document.getElementById("input");

input.addEventListener("click", function(event) {
  var rect = input.getBoundingClientRect();
  var offset = event.clientY - rect.top;
  var lineHeight = parseFloat(getComputedStyle(input).lineHeight);
  var line = Math.floor(offset / lineHeight);
  var text = input.value.substring(input.selectionStart, input.selectionEnd);
  console.log("鼠标点击内容：", text);
  console.log("内容所在行数：", line);
});

需要注意的是，该方法只适用于输入框中没有换行符的情况。如果输入框中有换行符，我们需要根据鼠标点击位置所在的行数计算出具体的换行符位置，从而得到鼠标点击位置在输入框中的列数。