识别何时更改HTML输入的值

时间:2019-11-04 15:01:14

标签: c# blazor

当输入(HTML)的值更改时,是否可以调用方法?但是,不是在失去输入焦点时,而是在HTML输入中键入字符时。

我使用@bind将字段绑定到输入。

然后我尝试使用@onkeydown和@onkeyup来调用该方法。但是最后一个插入的字符尚未添加到边界字段中。

我也尝试过使用@onchange,但是会收到错误消息“该元素的onchange属性使用了两次或多次。-我认为该事件也订阅了债券。

我的最后一个想法是对键使用(完整)属性,而不是字段。在属性的设置器中,我调用了函数。但是问题是,当HTML输入失去焦点时,将调用setter。

        <table class="table table-condensed table-hover" data-click-to-select="true">
            <thead class="custom-headline">
                <tr>
                    <th class="align-text-top">
                        @indexText.index_table_title<br />
                        <input type="text" @onkeydown="Test" @bind="titleSearch" />
                    </th>
                    ...

有人知道如何解决此问题吗?

谢谢你!

最好的问候 马赛厄斯

2 个答案:

答案 0 :(得分:3)

您可以执行以下操作:

<input type="text" @bind-value:event="oninput" @bind-value="titleSearch" />



@code {

    private string titleSearch{ get; set; }
}

现在,在每次敲击键盘时,都会调用输入事件,并且titleSearch属性的值将更新以反映这一点...

希望获得帮助...

答案 1 :(得分:1)

类似于Isaac,您可以这样做,并通过3.1预览版进行测试

library(dplyr)
dfInput %>%
   group_by(ItemID, grp = cumsum(VarCheck %in% c("Y", "Z"))) %>% 
   mutate(Flag =  +("Y" %in% VarCheck)) %>%
   ungroup %>%
   select(-grp)
# A tibble: 9 x 4
#  ItemID RowID VarCheck  Flag
#   <dbl> <dbl> <fct>    <int>
#1      1     1 X            0
#2      1     2 Y            1
#3      1     3 X            1
#4      1     4 Z            0
#5      1     5 X            0
#6      2     1 X            0
#7      2     2 Z            0
#8      2     3 Y            1
#9      2     4 Y            1