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

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

windows-10 uwp webview

laurent emin · 技术社区 · 6 年前

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 回复 | 直到 6 年前

Xie Steven 6 年前

当我调用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 6 年前

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 }));" });

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

推荐文章

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

6 年前

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

6 年前

ZekeMarsh · 如何使用WebView在Xamarin C#应用程序中为Android设置代理?

6 年前

bhs8227 · Xamarin表单绑定Webview显示在Android上,但不显示在IOS上,这是一项等待已久的任务

6 年前

Filipe Tabosa · Xamarin表单Web视图

6 年前

Shanmuga M · Webview未从URL加载PDF

6 年前

Mayur_Thakur · 在Android 8(Oreo)的Webview中获取资源$NotFoundException

6 年前

EAK TEAM · 在webview中选择元素

6 年前

Pablo Fernandez · 在JavaFX中禁用WebView,可能吗?

6 年前

Ankit Shukla · 使用Oreo在OnePlus 5中启动Sencha应用程序时,只会出现白色屏幕

6 年前