Dzwebs.Net

撰写电脑技术杂文十余年

jquery获得焦点的代码

Admin | 2015-12-14 9:50:25 | 被阅次数 | 4374

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  要想让网页一载入成功之后,就让某个网页控件获得焦点,那么,在jquery的环境下,可以使用如下的办法。

  首先,在页面的头部,即head标签范围之内,对jquery进行引入。

  <script type="text/javascript" src="MyEditor/JS/jquery.js"></script>

  关于jquery.js这个文件,可以到网上下载,因为随处可见,到处都有。

  接着,就使用如下的代码获取焦点吧。

  $("#控件ID号").focus();

  上面的代码,就是靠focus()这个获得焦点的。

  注意,$("#控件ID号")这一部分,你只需要修改“控件ID号”这一部分,变成你的网页中的控件ID即可,其它符号千万不要修改。

  知识拓展:

  触发 focus 事件

  语法:$(selector).focus()

  将函数绑定到 focus 事件

  语法

  $(selector).focus(function)

  参数      描述
  function 可选。规定当发生 focus 事件时运行的函数。

  看看下面的例子吧,比较全面。

  $(document).ready(function(){
    $("#文本框ID").focus(function(){
      $("#文本框ID").css("background-color","#FFFFCC");
    });
    $("#按钮ID").click(function(){
      $("#文本框ID").focus();
    });  
  });


该杂文来自: 网页制作杂文

上一篇:动态添加层并设置居中对齐

下一篇:jquery实现公告滚动效果

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计