• 技术文章 > js教程

    select选中事件怎么使用

    不言 不言 2019-02-14 15:54:57 原创 128
    select事件是在textarea 或文本类型的 input 元素中的文本被选择时发生的事件,select() 方法用于触发select 事件,或者当发生select 事件时运行的函数。下面我们就来具体看一下select方法的用法。

    JavaScript

    我们先来看一下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>

    运行效果如下

    微信截图_20190214154517.png

    当选中输入域中的文本“Hello World"时,会触发事件,效果如下

    微信截图_20190214154631.png

    当点击按钮也会触发输入域中的select事件,效果与上述相同。

    本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

    以上就是select选中事件怎么使用的详细内容,更多请关注php中文网其它相关文章!

    第五期线上培训班
    专题推荐: select
    上一篇:jQuery的insertAfter()方法怎么用 下一篇:forEach方法怎么使用

    相关文章推荐

    • 浅析Bootstrip的select控件绑定数据的问题_jquery • div总是被select遮挡的解决方法_经验交流 • 模仿combox(select)控件,不用为美化select烦恼了。_经验交流 • 解决 select 挡住div的解决方法_经验交流 • 利用CSS控制SELECT中的OPTION是否不允许选_CSS/HTML

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网