首页 > 软件开发 > JQUERY >

texterea怎样在手机端自动获取焦点

来源:互联网 2023-03-17 00:47:35 231

我们在做页面开发时,会用到textarea控件来让用户输入数据,如果你想让这个控件自动获得焦点,怎么处理?下面我们来看一下。

9fG办公区 - 实用经验教程分享!

9fG办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们在html里加入一个textarea控件。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 2

    直接这样的代码是不能让它自动获得焦点的。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 2该信息未经授权抓取自百度经验
  • 3

    我们需要通过js脚本来辅助处理。先引入jquery脚本文件。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 4

    然后添加一个ready方法,这个方法里的逻辑,是在页面加载完成后就会自动执行的。9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 5

    通过textareaid获得对象后,调用focus方法就可以获得焦点了。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 6

    运行页面后,textarea自动获得了焦点。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 7

    使用手机端打开页面,也同样可以获得焦点。

    9fG办公区 - 实用经验教程分享!

    9fG办公区 - 实用经验教程分享!

    texterea怎样在手机端自动获取焦点9fG办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9fG办公区 - 实用经验教程分享!


    标签: JQUERYHTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码