阻止focus

阻止焦点转移

最新推荐文章于 2022-11-16 16:21:23 发布

原创最新推荐文章于 2022-11-16 16:21:23 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #focus #window #blur

javascript 专栏收录该内容

125 篇文章

订阅专栏

问题

页面结构如下

------------------------------------------
| outerWindow                            |
|                                        |
|   口口口口口口口口口口口口口口口           |
|      buttons                           |
|                                        |
|  ----------------------------------    |
|  |     innerWindow                |    |
|  |                                |    |
|  |                                |    |
|  |                                |    |
|  |                                |    |
|  |                                |    |
|  ----------------------------------    |
|                                        |
------------------------------------------

如果点击outerWindow中的按钮(buttons):

一般说来, 会导致innerWindow的失焦, 且焦点转移到outerWindow中.

那么,

如何阻止焦点转移到outerWindow, 一直保持在innerWindow中?

解决

    // $ === jQuery
    var $buttonWrap = $('#button-wrap');

    $buttonWrap.on('mousedown', function (event) {
        event.preventDefault();
    });