代码之家 › 专栏 › 技术社区 › laurent emin

uwp webview InvokeScriptAsync中的调用列表框更改

windows-10 uwp webview

laurent emin · 技术社区 · 7 年前

await Webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].getElementsByTagName('select')[0].selectedIndex = 1;" });

选择是可视更改,但未调用网页的更改功能。意味着没有效果!因此,我尝试启动此调用并添加(更改侦听器位于选择框0上)

await Webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].dispatchEvent(new Event('change', { bubbles: true }));" });
        await Webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].getElementsByTagName('select')[0].dispatchEvent(new Event('change', { bubbles: true }));" });
        await Webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].change();" });
        await Webview.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].getElementsByTagName('select')[0].change();" });

所以我想知道change()调用是否可行? 欢迎任何帮助。

2 回复 | 直到 7 年前

Xie Steven 7 年前

当我调用jQueryChange方法时,它将触发web页面上的更改事件。

我制作了一个简单的代码示例进行测试,它在我这方面运行良好。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
$(document).ready(function(){
    $("#select").on('change', function () {
        $("#ptext").text(this.value);
    });
});
    </script>
</head>
<body>
    <select id="select">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select>

    <p id="ptext">Write something</p>
</body>
</html>

<Grid>
    <WebView x:Name="webview" Source="ms-appx-web:///HTMLPage1.html"></WebView>
    <Button Content="call js" Click="Button_Click"></Button>
</Grid>

private async void Button_Click(object sender, RoutedEventArgs e)
{
    await webview.InvokeScriptAsync("eval", new string[] { "document.getElementById('select').selectedIndex=2;$('#select').change();" });
}

laurent emin 7 年前

await webView1.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].getElementsByTagName('select')[0].selectedIndex=1;" });
        await webView1.InvokeScriptAsync("eval", new string[] { "document.getElementsByClassName('select-box')[0].getElementsByTagName('select')[0].dispatchEvent(new Event('change', { bubbles: true }));" });

上次我没有发现我做错了,我很确定我以前测试过这个。

推荐文章

gill · 如何在Flutter WebView中使用智能手机上的按钮转到上一页?

2 年前

user17305876 · 统一使用vuplex和openxr

2 年前

Arvind Tyagi · 如何在xamrin中的webview中上传多个文件任何人都能帮助我吗

2 年前

Ahmed Zaidan · 太多的网页视图实例导致手机过热Swift

3 年前

AntonyCatcher · 如何在Javascript中通过控制台更改宽度和溢出?

3 年前

genericUser · 无法在flutter中使用flatter_inappwebview下载文件

3 年前

iDibya.com · 有没有像gmail那样在webview中打开默认浏览器?

3 年前

Lelouch · React Native web视图onShouldStartLoadWithRequest不工作android

3 年前

Ruslan Pitula · 从Web视图上的文本检测链接

8 年前

mel.j · 在WebView中检测视频播放状态的最佳方法是什么?

8 年前