Question

我有一个关于将匿名函数拉到HTML的问题。这是我的HTML代码行：

onclick="functionToPull('map')"

functionToPull是函数的名称，如果它不是匿名的。如何提取匿名javascript函数？

示例：

(function (){

})();

Answer 1

将事件处理程序放在click事件中被认为是一种不好的做法，除了像Angular这样的框架。建议的方法是创建一个类似的事件处理程序，

document.getElementById("myElement").addEventListener("click", function(){ alert("Hello World!"); });

但如果你真的想这样做，那就是你想要的：

<body>
    <button onclick='(function(){ console.log("Hello World"); })();'></button>
  </body>

你可以在这个plunker中看到它。anonymous function plunker

Answer 2

如果您使用的是Razor，则可以执行以下操作：

public bool Collapsed { get; set; } = false;

<div>
    @if (Collapsed == false)
    {
        <MatFAB Icon="@MatIconNames.Keyboard_arrow_up" OnClick="@(async () => Collapsed = true)" Style="margin:auto; display:flex;" ></MatFAB>
    }
    else
    {
        <MatFAB Icon="@MatIconNames.Keyboard_arrow_down" OnClick="@(async () => Collapsed = false)" Style="margin:auto; display:flex;"></MatFAB>
    }
</div>

在HTML

2 个答案: