Как установить кнопку по умолчанию для клавиши ВВОД

Question

Мы используем Sharepoint 2007 В котором на главной странице у нас есть кнопка Asp Image. Мы хотим установить эту кнопку изображения в качестве кнопки по умолчанию для нажатия клавиши ввода. Мы попробовали несколько способов, но не добились успеха.

Answer 1

Оказалось сложнее, чем я думал, но, тем не менее, возможно. Прежде всего, убедитесь, что идентификатор вашего элемента управления является статическим:

<asp:ImageButton runat="server" ID="MyImageButton" ClientIDMode="Static" ImageUrl="pic.gif" OnClick="ImageButtonClicked"  />

Теперь вам нужен следующий код JavaScript на странице .aspx или .master:

<script type="text/javascript">
    var DEFAULT_BUTTON_ID = "MyImageButton";

    // Mozilla, Opera and webkit nightlies currently support this event
    if (document.addEventListener) {
        // A fallback to window.onload, that will always work
        window.addEventListener("load", HandleDefaultButton, false);
        // If IE event model is used
    } else if (document.attachEvent) {
        // A fallback to window.onload, that will always work
        window.attachEvent("onload", HandleDefaultButton);
    }

    function HandleDefaultButton() {
        var inputs = document.getElementsByTagName("input");

        //attach event for all inputs
        for (var i = 0; i < inputs.length; i++) {
            var input = inputs[i];

            //maybe already got handler so add instead of override
            if (document.addEventListener)
                input.addEventListener("keypress", InputElement_KeyPressed, false);
            else if (document.attachEvent)
                input.attachEvent("onkeypress", InputElement_KeyPressed);
        }
    }

    function InputElement_KeyPressed(evt) {
        if (DEFAULT_BUTTON_ID && DEFAULT_BUTTON_ID.length > 0) {
            //old IE event module
            if (typeof evt == "undefined" || !evt)
                evt = window.event;
            var keyCode = evt.keyCode || evt.which;
            if (keyCode === 13) {
                var oButton = document.getElementById(DEFAULT_BUTTON_ID);
                if (oButton) {
                    oButton.click();
                    return false;
                } else {
                    alert("---DEBUG--- default button is defined but does not exist (" + DEFAULT_BUTTON_ID + ")");
                }
            }
        }
        return true;
    }
</script>

Вам просто нужно определить действительный идентификатор как значение DEFAULT_BUTTON_ID, и код автоматически прикрепит событие нажатия клавиши ко всем входам (текст, флажок и радио), а когда нажата Enter , кнопка будет определено как значение по умолчанию.

Поскольку вы используете SharePoint, это означает, что window.onload уже используется, поэтому мы должны добавить наше собственное событие, а не переопределять его.

Answer 2

Можно установить для свойства DefaultButton идентификатор кнопки, которую вы хотите использовать по умолчанию в теге формы.