MVC 5 Html.ActionLink没有设置自动对焦?

时间:2016-08-31 13:58:34

标签: asp.net-mvc asp.net-mvc-5

我有一个引导模式,其中有一个“确定”按钮。我想拥有它,以便用户可以按下回车按钮并单击按钮。我想我可以在ActionLink上设置自动对焦,它会起作用。但是,我尝试过几种不同的东西,我无法让它发挥作用。

当我尝试

<a href='@Url.Action("Index","LogOut", new { autofocus="autofocus" })' class="btn btn-success btn-lg">OK</a>

这是呈现给不起作用的页面的内容

<a href="/LogOut?autofocus=autofocus" class="btn btn-success btn-lg">OK</a>

当我尝试这个时

@Html.ActionLink("OK", "Index", "LogOut", null, new { @class = "btn btn-warning btn-lg", autofocus = "autofocus" })

这是呈现给页面的内容

<a autofocus="autofocus" class="btn btn-warning btn-lg" href="/LogOut">OK</a> 

看起来自动对焦设置正确,但仍然没有设置焦点,所以我只需按下回车按钮即可。

1 个答案:

答案 0 :(得分:0)

可能是因为您使用的浏览器不支持AitoFocus?

http://www.w3schools.com/tags/att_input_autofocus.asp

尝试JavaScript

@Html.ActionLink("OK", "Index", "LogOut", null, new { @id = "btnauto", @class = "btn btn-warning btn-lg", autofocus = "autofocus" })

<script>
    document.getElementById("btn-auto").focus();
</script>