当前位置: 首页 > 工具软件 > J-Focus > 使用案例 >

阻止focus

令狐和裕
2023-12-01


问题

页面结构如下

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

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

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

那么,

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

解决

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

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


原理分析

(待续...)

 类似资料: