当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML onselect事件用法及代码示例


当用户在元素中选择一些文本时,HTML DOM中的onselect事件就会发生。此事件主要在<textarea>和<input>标记中使用。

用法:

  • 在HTML中:
    <element onselect="Script">
  • 在JavaScript中:
    object.onselect = function(){Script};
  • 在JavaScript中,使用addEventListener()方法:
    object.addEventListener("select", Script);
    • 例:使用addEventListener()方法


      <!DOCTYPE html> 
      <html> 
        
      <head> 
          <title> 
            HTML DOM onselect Event 
        </title> 
      </head> 
        
      <body> 
          <center> 
              <h1 style="color:green"> 
                GeeksforGeeks 
            </h1> 
              <h2>HTML DOM onselect Event</h2> Email:
              <input type="email" 
                     value="feedback@geeksforgeeks.org" 
                     id="mailID"> 
        
              <p id="try"></p> 
          </center> 
          <script> 
              document.getElementById( 
                "mailID").addEventListener( 
                "select", GFGfun); 
        
              function GFGfun() { 
                  document.getElementById( 
                      "try").innerHTML = "Selected"; 
              } 
          </script> 
        
      </body> 
        
      </html>

      输出:
      之前:

      后:

      支持的浏览器:下面列出了HTML DOM onselect Event支持的浏览器:

      • 谷歌浏览器
      • IE浏览器
      • Firefox
      • 苹果Safari
      • Opera


相关用法


注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onselect Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。