javascript - 从 html 中的打字稿调用函数不起作用

Question

嘿，我正在使用 django，并且想将 typescript 用于我的应用程序所需的特定功能。

这是我的打字稿文件：

测试选择器.ts：

getSelectionText() {
    var text = "";
    if (window.getSelection) {
      text = window.getSelection().toString();
      console.log('a');
    } else if (document.selection && document.selection.type != "Control") {
      console.log('b');
      text = document.selection.createRange().text;
  }
  return text;
}

这是我要调用该函数的html：

{% extends "base_generic2.html" %}

{% block content %}

  <script src="textselector.js"></script>

  <div id="app" onmouseup="getSelectionText()">
  </div>

{% endblock %}

出于某种原因，它没有找到 getSelectionText() 我真的不知道为什么？

编辑：

这是我的打字稿弹出的错误：

错误：(2, 3) TS2304：找不到名称“getSelectionText”。

错误：(7, 27) TS2339：“文档”类型上不存在属性“选择”。

错误：(7, 49) TS2339：“文档”类型上不存在属性“选择”。

错误：(9, 27) TS2339：“文档”类型上不存在属性“选择”。

错误:(2, 22) TS1005: ';' 预期的。

Answer 1

在“getSelectionText”函数之前添加“function”。将所有document.selections替换为document.getSelection()s。

    function getSelectionText() {
        var text = "";
        if (window.getSelection) {
          text = window.getSelection().toString();
          console.log('a');
        } else if (document.getSelection() && document.getSelection().type != "Control") {
          console.log('b');
          text = document.getSelection().createRange().text;
      }
      return text;
    }

我不知道如何解决“;” 预期的错误。