栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

以编程方式在输入字段中选择部分文本

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

以编程方式在输入字段中选择部分文本

以下是选择文本框的一部分(范围选择)并获取所选文本的方法:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title> Test </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">  window.onload = function() {    var message = document.getElementById('message');    // Select a portion of text    createSelection(message, 0, 5);    // get the selected portion of text    var selectedText = message.value.substring(message.selectionStart, message.selectionEnd);    alert(selectedText);  };  function createSelection(field, start, end) {    if( field.createTextRange ) {      var selRange = field.createTextRange();      selRange.collapse(true);      selRange.moveStart('character', start);      selRange.moveEnd('character', end);      selRange.select();      field.focus();    } else if( field.setSelectionRange ) {      field.focus();      field.setSelectionRange(start, end);    } else if( typeof field.selectionStart != 'undefined' ) {      field.selectionStart = start;      field.selectionEnd = end;      field.focus();    }  }</script></head><body><input type="text" name="message" id="message" value="Hello World" /></body></html>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/416045.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号