使用Blazor从输入中获取所选文本
问题描述：
在Blazor的早期版本中，存在一个具有 selectionStart 和 selectionEnd 属性的 IHtmlInputElement 接口.
In an early version of Blazor there was an IHtmlInputElement interface with selectionStart and selectionEnd properties.
任何人都可以解释我如何使用它们从C#中的文本输入控件中获取选定的文本吗?
Can anyone explain how I can use these to get the selected text from a text input control in C#?
更新这就是我到目前为止所拥有的.
UPDATE Here's what I have so far.
@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))"></button>
@code {
public ElementReference myTextInput { get; set; }
public async Task GetSelectionStart(ElementReference element)
{
int pos = await JsRuntime.InvokeAsync<int>("GetSelectedStart", element);
}
}
// myscript.js
{
getSelectedStart : function (element) {
return element.selectionStart;
}
}
答
@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;
}