如何在WinForms的WebView2控件中设置可移动对象的位置？

你的代码存在语法错误，导致JavaScript执行失败，所以目标元素位置没有变化，以下是修正方案：

错误点说明 #

原代码里document.getElementById('widget_control')style缺少访问style属性的.，且赋值语法不符合JS规范，正确写法需要正确访问元素的style对象并设置属性。

修正后的代码示例 #

写法1：直接设置style的inset属性 #

await WebView2.ExecuteScriptAsync($"document.getElementById('widget_control').style.inset = '10px auto auto 10px';");

写法2：通过cssText批量设置样式（适合同时定义多个样式属性） #

await WebView2.ExecuteScriptAsync($"document.getElementById('widget_control').style.cssText = 'inset: 10px auto auto 10px; position: fixed;';");

写法3：使用setAttribute设置style属性 #

await WebView2.ExecuteScriptAsync($"document.getElementById('widget_control').setAttribute('style', 'inset: 10px auto auto 10px; position: fixed;');");

关键注意事项 #

• 确认页面中确实存在ID为widget_control的元素，可通过console.log(document.getElementById('widget_control'))在WebView2的开发者工具中验证。
• inset属性仅对position为fixed、absolute或sticky的元素生效，如果目标元素未设置该属性，需同时添加position: fixed;或position: absolute;（根据需求选择）。
• ExecuteScriptAsync是异步方法，务必使用await等待执行完成，避免时序问题导致操作无效。

内容的提问来源于stack exchange，提问作者user9343037