Question

我正在尝试获取屏幕的单击坐标。我已经为它写了非常基本的代码。我无法将我的外部js文件与Flask连接。

当我运行.html文件时，代码工作正常。当我通过Flask连接它时，我尝试将Javascript包含在HTML代码本身中，甚至可以正常工作。但是，当Javascript部分通过.js文件连接时，.js文件中的该部分将不起作用。我没有看到任何错误，因此调试变得越来越困难。

Python脚本：

public / protected / private

HTML代码：

from flask import Flask, render_template, url_for

app = Flask(__name__)

@app.route('/')
@app.route('/button_click')
def button_click():
    return render_template('button_click.html')

if __name__ == '__main__':
    app.run(debug=True)

JavaScript代码：

<html>
    <head><title> Button Click </title></head>
    <body>
        <div id="example">
        </div>
        <script type="text/javascript" src="{{ url_for('static', filename='button_click.js') }}"> </script>
    </body>
</html>

function printMousePos(event) {
    document.body.textContent =
    "clientX: " + event.clientX +
    " - clientY: " + event.clientY;
}

document.addEventListener("click", printMousePos);

用Flask连接外部Javascript

0 个答案: