大佬教程收集整理的这篇文章主要介绍了.focus()问题与JQUERY MOBILE?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function() { $('#acceuil').live('pagecreate',function(event) { $('#declencher').click(function() { $('#cache').focus(); }); $('#declencher').trigger('click'); }); }); </script> <body> <div data-role="page" id ="acceuil" > <div data-role="header" data-theme="a" ><h3>aaa</h3></div> <div data-role="content"> <input id="cache" type="input"> <input type="button" id="declencher" value="declencher"> </div><!-- content--> <div data-role="footer" data-theme="a" data-position="fixed"><h3> Footer </h3></div> </div> </body> </html>
尝试切换到页面显示,特别是因为您想要在每次用户访问页面时获得焦点.
如果它仍然不起作用(有这种情况)包装在超时中触发焦点的代码(是的,这是一个黑客:))
setTimeout(function(){ $('#cache').focus(); },0);
这是一个黑客,但它不依赖于等待时间间隔. setTimeout()在给定的时间之后添加了渲染线程的队列(这是在浏览器中运行javascript和页面呈现)的函数.所以在这种情况下,这个函数会立即添加,所以在当前流程的JavaScript代码完成后运行.所以这是在事件处理程序结束后使一些代码运行的一种方法.所以这并不像人们所想的那么简单.我称之为黑客,因为它使用关于浏览器的工作原理的知识,并且掩盖了代码执行的流程.
我建议您阅读关于如何在单个线程中由同一个队列处理JavaScript执行和页面绘图.任何人使用超过20行的JavaScript.
以上是大佬教程为你收集整理的.focus()问题与JQUERY MOBILE?全部内容,希望文章能够帮你解决.focus()问题与JQUERY MOBILE?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。