カスタムダイアログの範囲にフォーカスを制御したいときとかに よくあるダイアログ範囲外にタブフォーカスが回りこんじゃう奴の防止。 jQuery.ui.dialogの手法がいいなーって思ったのでそこだけ使えるようにしてみた。 セレクタの範囲を広げれば自由に制御可能。 でも最初と最後をつないでいるだけなので、範囲内での遷移順位はDOM生成順番に依存するはず。 (function($) { $.fn.tabChain = function(option) { option = $.extend({},{onReadyFocus:false},option); var chains = []; var init = function(){ var first = chains[0]; var last = chains[chains.length-1]; for(el in chains){ $(c
![指定範囲内にタブ移動の範囲を制限するjQuery拡張 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2e8be77eff7c566cb40de0d394fe99c74206a87/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU2JThDJTg3JUU1JUFFJTlBJUU3JUFGJTg0JUU1JTlCJUIyJUU1JTg2JTg1JUUzJTgxJUFCJUUzJTgyJUJGJUUzJTgzJTk2JUU3JUE3JUJCJUU1JThCJTk1JUUzJTgxJUFFJUU3JUFGJTg0JUU1JTlCJUIyJUUzJTgyJTkyJUU1JTg4JUI2JUU5JTk5JTkwJUUzJTgxJTk5JUUzJTgyJThCalF1ZXJ5JUU2JThCJUExJUU1JUJDJUI1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yNGY5N2JlN2U2NjRmNDM2Zjc3ZDUwZWZhYmUzYjk2Nw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYW1wZXJzYW5kJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jMWRmNTI4NzA3ZjE2YjQ5NjI2MmJlNWE4OGIwNTM0NA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dee3b702002bdf4bf7e60978b6acfa3e8)