加入收藏 | 设为首页 | 会员中心 | 我要投稿 济源站长网 (https://www.0391zz.cn/)- 数据工具、数据仓库、行业智能、CDN、运营!
当前位置: 首页 > 运营中心 > 搜索优化 > 正文

select选中事件该怎么使用

发布时间:2022-06-09 06:45:50 所属栏目:搜索优化 来源:互联网
导读:select事件是在textarea 或文本类型的 input 元素中的文本被选择时发生的事件,select() 方法用于触发select 事件,或者当发生select 事件时运行的函数。下面我们就来具体看一下select方法的用法。 我们先来看一下select()的基本语法 $(selector).select(fun
  select事件是在textarea 或文本类型的 input 元素中的文本被选择时发生的事件,select() 方法用于触发select 事件,或者当发生select 事件时运行的函数。下面我们就来具体看一下select方法的用法。
 
  我们先来看一下select()的基本语法
 
  $(selector).select(function)
 
  function是可选的。表示当发生 select 事件时运行的函数。
 
  下面我们来看具体示例
 
  <!DOCTYPE html>
 
  <html>
 
    <head>
 
      <meta charset="utf-8">
 
       <title></title>
 
      <script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
 
      <script type="text/javascript">
 
  $(document).ready(function(){
 
    $("input").select(function(){
 
      $("input").after("文本标记!");
 
    });
 
    $("button").click(function(){
 
      $("input").select();
 
    });  
 
  });
 
  </script>
 
    </head>
 
    <body>
 
  <input type="text" name="FirstName" value="Hello World" />
 
  <br>
 
  <button>触发输入域中的select 事件</button>
 
  </body>
 
  </html>
 
  当选中输入域中的文本“Hello World"时,会触发事件,
  当点击按钮也会触发输入域中的select事件,效果与上述相同。
 
  本篇文章到这里就全部结束了,更多精彩内容大家可以关注php教程的其他相关栏目教程!!!
 
  以上就是select选中事件怎么使用的详细内容。
 

(编辑:济源站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读