如何将焦点设置为InputText元素?

你的基姆

使用Microsoft文档中示例,我试图以编程方式将焦点设置为输入元素。

不幸的是,该示例使用了标准,<input type="text">而我想将其用于InputTextelement

Microsoft示例使用扩展方法,该方法采用ElementReference

public static Task Focus(this ElementReference elementRef, IJSRuntime jsRuntime)
{
    return jsRuntime.InvokeAsync<object>(
        "exampleJsFunctions.focusElement", elementRef);
}

使用an InputText,我看不到获得这种a的方法ElementReference

提供我自己的Focus()重载,InputText而不是经过编译,但未显示任何视觉效果。因此,我一无所知。

我的问题

如何以编程方式将焦点设置为InputText元素?

皮奥特·L。

您可以在其中添加id参数,InputText并修改您的Focus方法和JavaScript代码。

public async Task Focus(string elementId)
{
    await JSRuntime.InvokeVoidAsync("exampleJsFunctions.focusElement", elementId);
}
focusElement: function (id) {
    const element = document.getElementById(id); 
    element.focus();
}

注意:这不是适当的解决方案,而是更多解决方法,但是Blazor似乎不直接支持它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将焦点设置为MagicSuggest输入元素

来自分类Dev

如何将焦点设置在 Javascript 中的列表元素上?

来自分类Dev

如何将焦点从功能设置为条目小部件

来自分类Dev

如何将焦点设置为TextAngular的div

来自分类Dev

如何将焦点设置为materialUI TextField?

来自分类Dev

如何将焦点/插入符号设置为SearchBox

来自分类Dev

将焦点设置为<select>元素

来自分类Dev

将元素设置为可在Angular 6中编辑的内容时,如何设置元素的焦点?

来自分类Dev

如何将选择元素的itemindex设置为-1?

来自分类Dev

如何将元素的ID设置为变量?

来自分类Dev

如何将子元素设置为false

来自分类Dev

如何将伪元素设置为段落标题?

来自分类Dev

如何将表单输入元素设置为隐藏?

来自分类Dev

如何将JSON元素标签设置为ListView?

来自分类Dev

如何将空数组元素设置为零?

来自分类Dev

如何将元素设置为水平增长而不是换行?

来自分类Dev

如何将ZK框架消息框的焦点设置为框中的文本而不是按钮?

来自分类Dev

如何将焦点侦听器设置为edittext的中心

来自分类Dev

按下按钮后如何将焦点重新设置为表格

来自分类Dev

ReactJS:如何在进入DOM时将焦点设置为输入元素?

来自分类Dev

单击任何内容元素时,将焦点设置为div

来自分类Dev

将文本框设置为焦点元素

来自分类Dev

无法将焦点设置在dataTable中的p:inputText上

来自分类Dev

如何将键发送到焦点元素?

来自分类Dev

如何将焦点放在Uifigure中的特定元素上?

来自分类Dev

如何将光标焦点设置到TextBox?

来自分类Dev

如何将焦点设置在列表视图项上?

来自分类Dev

如何将焦点设置到DataGridView之外的对象

来自分类Dev

如何将焦点设置在0索引的列表视图上

Related 相关文章

  1. 1

    如何将焦点设置为MagicSuggest输入元素

  2. 2

    如何将焦点设置在 Javascript 中的列表元素上?

  3. 3

    如何将焦点从功能设置为条目小部件

  4. 4

    如何将焦点设置为TextAngular的div

  5. 5

    如何将焦点设置为materialUI TextField?

  6. 6

    如何将焦点/插入符号设置为SearchBox

  7. 7

    将焦点设置为<select>元素

  8. 8

    将元素设置为可在Angular 6中编辑的内容时,如何设置元素的焦点?

  9. 9

    如何将选择元素的itemindex设置为-1?

  10. 10

    如何将元素的ID设置为变量?

  11. 11

    如何将子元素设置为false

  12. 12

    如何将伪元素设置为段落标题?

  13. 13

    如何将表单输入元素设置为隐藏?

  14. 14

    如何将JSON元素标签设置为ListView?

  15. 15

    如何将空数组元素设置为零?

  16. 16

    如何将元素设置为水平增长而不是换行?

  17. 17

    如何将ZK框架消息框的焦点设置为框中的文本而不是按钮?

  18. 18

    如何将焦点侦听器设置为edittext的中心

  19. 19

    按下按钮后如何将焦点重新设置为表格

  20. 20

    ReactJS:如何在进入DOM时将焦点设置为输入元素?

  21. 21

    单击任何内容元素时,将焦点设置为div

  22. 22

    将文本框设置为焦点元素

  23. 23

    无法将焦点设置在dataTable中的p:inputText上

  24. 24

    如何将键发送到焦点元素?

  25. 25

    如何将焦点放在Uifigure中的特定元素上?

  26. 26

    如何将光标焦点设置到TextBox?

  27. 27

    如何将焦点设置在列表视图项上?

  28. 28

    如何将焦点设置到DataGridView之外的对象

  29. 29

    如何将焦点设置在0索引的列表视图上

热门标签

归档