文本框鼠標移出MVC中的Javascript

Question

我在MVC中有一個文本框和Button，通過單擊按鈕控制器操作可以調用該按鈕，還可以在Jquery中調用其他代碼。 我想知道如何用鼠標移出文本框來替換此按鈕。 因此，所有這些操作都是在用戶在文本框中鍵入內容並嘗試轉到下一個文本框時發生的。

這是我的MVC視圖代碼，用於創建文本框和Button：

Offer ID:
@Html.TextBoxFor(model => model.ID, new { id = "ID" })

 <button id="btnSearch" data-url="@Url.Action("GetOffer", "LookUp")" class="btn btn-success search pull-left">Search</button>

這是通過單擊按鈕調用的Jquery函數：

<script type="text/javascript">
  $(function () {

    $("#btnSearch").click(function (evt) {
        evt.preventDefault();
        var url = $(this).data('url');

        getByOfferId(url);
    }
    );
});

我不確定如何在文本框中指定此代碼：

 data-url="@Url.Action("ActioName", "controllerName")"

以及要調用什么操作而不是此行：

    $("#btnSearch").click(function (evt) {

Answer 1

代替mouseout ，處理文本框的.change()事件。 您可以使用以下方式將網址添加到文本框中：

@Html.TextBoxFor(m => m.ID, new { data_url = "Url.Action("GetOffer", "LookUp")" })

請注意，默認情況下，文本框的id屬性將為id="ID" （由html helper生成），因此您不需要new { id = "ID" } 。 然后腳本可以是

$("#ID").change(function () {
    var url = $(this).data('url');
    getByOfferId(url);
}

另外，假設腳本不在單獨的文件中，則可以僅使用（不帶data-url屬性）。

$("#ID").change(function () {
    var url = '@Url.Action("GetOffer", "LookUp")';
    getByOfferId(url);
}