使用Blazor从输入中获取所选文本

Question

在Blazor的早期版本中，存在一个ax.set_ylabel接口，具有IHtmlInputElement和selectionStart属性。

任何人都可以解释我如何使用它们从C＃中的文本输入控件中获取所选文本吗？

更新 这就是我到目前为止所拥有的。

selectionEnd

Answer 1

@page "/selectedtext"
@inject IJSRuntime JsRuntime

<h3>TextSelection</h3>

<input type="text" placeholder="Type here" @ref="myTextInput"/>

<button class="btn btn-primary" @onclick="@(async () => await GetSelectionStart(myTextInput))">Get Position</button>

@code {
    public ElementReference myTextInput { get; set; }

    public async Task GetSelectionStart(ElementReference element)
    {
        int pos = await JsRuntime.InvokeAsync<int>("getSelectedStart", element);
    }
}

// myscript.js
window.getSelectedStart = (element) => {
        return element.selectionStart;
    }