javascript - JS模块与html的通信（全双工）

Question

我有一个使用项目中其他模块的内联模块脚本。我需要使用 onclick 或其他所有工作从 html 调用模块函数。

<script type="module">
   import * as blabla from './somemodule.js';

   function myfunction(){
      console.log("Youhou!");
    }

   //Communication from script to html works fine
   document.getElementById('test').onclick = myfunction;
</script>
<button id="test">Test</button>
<button onclick="myfunction();">Test</button>//This dont work

这甚至可能吗？在谷歌上找不到任何东西，我是一个很好的谷歌用户。非常感谢 ！

Answer 1

onClick="myFunction()"

或者

jQuery('#clickable').click( myFunction() );

还有VanillaJS解决方案......

getElementById('clickable').addEventListener('click', myFunction() )