Question

为什么我无法访问Javascript文件中的函数？它就像它不存在。

我创建了一个简单的webpack项目

npm init
npm i -D webpack webpack-cli webpack-dev-server babel-core babel-loader babel-preset-env

我使用构建脚本设置package.json并创建我的webpack.config.js文件。

我创建了我的index.js文件，在里面我定义了一个函数：

function myFunction() {
  console.log('test');
}

我创建了一个index.html文件，将其链接到从webpack输出的bundle.js。

我使用onclick="myFunction()"

在index.html文件上创建了一个简单的链接

当我点击链接时，它告诉我我的功能没有定义。是什么给了什么？

Answer 1

我在 index.js 内编写了一个函数，并尝试在输入Keypress的 index.html 文件中访问该函数。并出现错误。

解决方案：
以我为例，我用window对象定义了函数，这解决了我的问题。例如

该函数位于index.js内部，然后在index.html文件中按如下所示在按键上对其进行访问

window.isNumberKey = function(evt) {
  var charCode = (evt.which) ? evt.which : event.keyCode
  if (charCode > 31 && (charCode < 48 || charCode > 57)) {
    console.log(false);
    return false;
  } else {
    console.log(true);
    return true;
  }
}

<input type="text" onkeypress="return isNumberKey(event)" />

无法访问index.js中的函数（webpack）

1 个答案: