仅使用addEventListener获取输入元素行和列

使用addEventListener获取输入元素行和列的方法如下：

首先，我们需要获取到输入元素的引用。可以通过getElementById、querySelector等方法获取到对应的输入元素。

然后，我们可以使用addEventListener方法来为输入元素添加事件监听器，监听输入事件。

在事件监听器中，可以通过event对象的target属性获取到触发事件的元素。然后，我们可以通过元素的属性或方法来获取行和列的信息。

对于文本输入框，可以使用selectionStart和selectionEnd属性来获取光标所在位置的行和列信息。这两个属性表示光标所在位置的字符索引，可以通过将其转换为行和列的方式来获取行和列信息。

对于文本区域输入框，可以使用selectionStart和selectionEnd属性同样获取光标所在位置的字符索引。然后，可以通过将文本区域的value属性按照换行符分割成数组，再根据光标所在位置的字符索引来计算行和列信息。

示例代码如下：

// 获取输入元素的引用
var inputElement = document.getElementById("input");

// 添加输入事件监听器
inputElement.addEventListener("input", function(event) {
  // 获取触发事件的元素
  var target = event.target;

  // 获取行和列信息
  var row = 1; // 默认行数为1
  var col = 1; // 默认列数为1

  if (target.tagName === "INPUT") {
    // 对于文本输入框
    row = getRow(target);
    col = getCol(target);
  } else if (target.tagName === "TEXTAREA") {
    // 对于文本区域输入框
    row = getRow(target);
    col = getCol(target);
  }

  // 输出行和列信息
  console.log("行：" + row);
  console.log("列：" + col);
});

// 获取输入元素的行信息
function getRow(element) {
  var row = 1; // 默认行数为1

  if (element.selectionStart !== undefined) {
    // 对于支持selectionStart属性的浏览器
    var textBeforeCursor = element.value.substring(0, element.selectionStart);
    row = textBeforeCursor.split("\n").length;
  }

  return row;
}

// 获取输入元素的列信息
function getCol(element) {
  var col = 1; // 默认列数为1

  if (element.selectionStart !== undefined) {
    // 对于支持selectionStart属性的浏览器
    var textBeforeCursor = element.value.substring(0, element.selectionStart);
    var lastNewLineIndex = textBeforeCursor.lastIndexOf("\n");
    col = textBeforeCursor.length - lastNewLineIndex;
  }

  return col;
}

这样，我们就可以通过addEventListener方法获取输入元素的行和列信息了。