用js实现点击Excel单元格读取单元格内容

可以使用JavaScript操作Excel文件，但需要使用一些第三方库来实现。以下是一个使用SheetJS库的示例代码，可以实现点击Excel单元格读取单元格内容：

<!-- 引入 SheetJS 库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.3/xlsx.full.min.js"></script>

<!-- Excel 文件上传表单 -->
<input type="file" id="excel-file" onchange="handleFile(this.files)">

<!-- 显示单元格内容的元素 -->
<div id="cell-content"></div>

<script>
  function handleFile(files) {
    // 读取 Excel 文件
    var reader = new FileReader();
    reader.onload = function(e) {
      var data = e.target.result;
      var workbook = XLSX.read(data, {type: 'binary'});

      // 获取第一个工作表
      var worksheet = workbook.Sheets[workbook.SheetNames[0]];

      // 监听单元格点击事件
      worksheet['!ref'].split(':').forEach(function(range) {
        var [startCol, startRow] = XLSX.utils.decode_cell(range.split(':')[0]);
        var [endCol, endRow] = XLSX.utils.decode_cell(range.split(':')[1]);

        for (var row = startRow; row <= endRow; row++) {
          for (var col = startCol; col <= endCol; col++) {
            var cell = XLSX.utils.encode_cell({r: row, c: col});
            worksheet[cell].l = { Target: `#'!${cell}` };
          }
        }
      });

      // 监听单元格链接点击事件
      document.getElementById('sheetjs').addEventListener('click', function(e) {
        if (e.target.nodeName == "A") {
          e.preventDefault();
          var cell = e.target.getAttribute('href').substring(2);
          var content = worksheet[cell].v;
          document.getElementById('cell-content').textContent = content;
        }
      });
    };
    reader.readAsBinaryString(files[0]);
  }
</script>

详细的解释请参见代码注释。