javascript - javascript中的焦点按钮，无需单击它

Question

我打电话

element.focus();

其中 element 是 type=button 的 HTMLInputElement。但随后浏览器点击了按钮！那是在 Mozilla 和 chrome 中。

如何突出显示带有选择的按钮，但不启动单击事件？

Answer 1

否.focus()不点击按钮或提交表单：http: //jsbin.com/onirac/1/edit

它完全符合您的要求。

Answer 2

嗯，我已经确定了原因。我正在处理 Enter 键的 onkeydown 事件。解决方案是使用 e.preventDefault();

function ConvertEnterToTab(s, e, numSkipElements) {
            var keyCode = e.keyCode || e.htmlEvent.keyCode;
            if (keyCode === 13) {
                var tabIndex = s.tabIndex || s.inputElement.tabIndex;
                if (numSkipElements == undefined) {
                    numSkipElements = 0;
                }

                var nextElement = FindNextElementByTabIndex(tabIndex + numSkipElements);
                if (nextElement != undefined) {
                    nextElement.focus();
                    return e.preventDefault ? e.preventDefault() : e.htmlEvent.preventDefault(); // this is the solution
                }
            }
        }

        function FindNextElementByTabIndex(currentTabIndex, maxTabIndex) {
            if (maxTabIndex == undefined) {
                maxTabIndex = 100;
            }

            var tempIndex = currentTabIndex + 1;
            while (!$('[tabindex='+ tempIndex+ ']')[0] || tempIndex === maxTabIndex) {
                tempIndex++;
            }

            return $('[tabindex=' + tempIndex + ']')[0];
        }