如何使用作用于js.Value的Invoke从Go/WASM调用javascript函数？

Question

在切换到全屏模式之前，我需要检查Go WASM Canvas项目是否支持全屏。到目前为止，我有以下代码：

var fullscreenFunc         js.Value
var fullscreenNotSupported bool

使用以下逻辑进行设置：

fullscreenFunc = app.Get("requestFullscreen")
if fullscreenFunc.IsUndefined() {
    fullscreenFunc = app.Get("mozRequestFullScreen")
    if fullscreenFunc.IsUndefined() {
        fullscreenFunc = app.Get("webkitRequestFullscreen")
        if fullscreenFunc.IsUndefined() {
            fullscreenFunc = app.Get("msRequestFullscreen")
            if fullscreenFunc.IsUndefined() {
                fullscreenNotSupported = true
                println("Fullscreen not supported")
            }
        }
    }
} 

我希望能够使用js.Invoke调用正确的函数，但我没有办法告诉Invoke应该在哪个对象上进行调用。我的'app‘值被解释为一个参数。

func Fullscreen(app js.Value) {
    if fullscreenNotSupported {
        return
    }
    fullscreenFunc.Invoke(app)
}

结果是：

panic: JavaScript error: 'mozRequestFullScreen' called on an object that does not implement interface Element.

那么，我认为调用正确方法的唯一方法不是存储函数，而是存储函数名称的字符串，然后使用以下方法‘调用’/‘调用’它，这是正确的吗？

app.Call(fullscreenFunctionNameString)

感觉我误解了调用的目的。它只适用于js.Global()类型的调用吗？

使用'Call‘进行编辑，至少可以派生函数名，而不必重复上面的浏览器细节：

fullscreenFunctionName = fullscreenFunc.Get("name").String()
app.Call(fullscreenFunctionNameString)

它没有回答这个问题，但可能对试图做同样的事情的人有所帮助。

Answer 1

要调用的参数被转换为它包装的javascript函数的参数。由于这些全屏函数不需要任何参数，我认为您可能只需要更改：

fullscreenFunc.Invoke(app)

至：

fullscreenFunc.Invoke()

...assuming app在这两个地方都是相同的JS元素。如果不是，那么您的Call解决方案可能是您最好的选择。