javascript - 如何在 div 或自定义标签属性中调用函数

Question

我正在尝试调用自定义标签中的函数

<t-dropdown name='Name' callback="testFn">
    </t-dropdown>

<script>
  function testFn(value){
    console.log(value);
  }
</script>

在js中

var callbackFn = document.getElementsByTagName("t-dropdown")[0].getAttribute("callback");
var abc = 10;
callbackFn(abc);

请建议将如何处理。

标签： javascriptangularjswebpackecmascript-6babeljs

Answer 1

var callbackFn = window[document.getElementsByTagName("t-dropdown")[0].getAttribute("callback")];
var abc = 12;

if(typeof callbackFn === 'function') {
    callbackFn(abc);
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<t-dropdown name='Name' callback="testFn">
    </t-dropdown>
<script>
  function testFn(value){
    console.log(value);
  }
</script>