手机页面输入框获取焦点

最新推荐文章于 2023-05-08 11:34:17 发布

师远鹏

最新推荐文章于 2023-05-08 11:34:17 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascprit javascript小技巧

本文链接：https://blog.youkuaiyun.com/shipeng22022/article/details/46629673

javascript小技巧同时被 2 个专栏收录

47 篇文章

订阅专栏

javascprit

32 篇文章

订阅专栏

本文介绍了解决手机页面中输入框获取焦点的问题。通过使用jQuery结合click及touchstart事件实现焦点定位，确保在不同设备上都能正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手机页面输入框获取焦点

两种方式，第一种

$("#name").bind("click",
function() {
  <span style="white-space:pre">	</span>$("#name")[0].focus(); 
});


$("#age").bind("click",
  function() {
     $("#age")[0].focus(); 
});


$("#city").bind("click",
  function() {
     $("#city")[0].focus(); 
});

但是今天做的时候在手机上却不起作用，所以换了一种方式

var nameOnfause = function () {
				$("#name")[0].focus(); 
    		};
    		var telOnfause = function () {
				 $("#tel")[0].focus(); 
    		};
    		var cityOnfause = function () {
				$("#city")[0].focus(); 
    		};
			$('#name').bind('touchstart', nameOnfause);
			$('#tel').bind('touchstart', telOnfause);
			$('#city').bind('touchstart', cityOnfause);