选中页面的文字后同步找到 textarea 内的对应文字，并选中和自动滚动到相应位置

  var showPdfView = document.getElementById('showPdfView') //选择的文本
  showPdfView.onclick = function (e) {
    var select_str = getSelectionField(e)
    if (select_str === ''){
      return
    }
    var textarea = document.getElementById('showPdfViewHtml') //最后被标记的文本域
    if (textarea.value.indexOf(select_str) !== -1){

      //    当前选中的文字父节点
      var parent_node = $(window.getSelection().getRangeAt(0).commonAncestorContainer.parentElement)

      parent_node.addClass('select') //标记当前选中的文字所在的节点

      var node_arr = []

      ergodic_ndoe(showPdfView) //遍历所有节点，找到和用户选中文字匹配的所有节点

      //递归遍历元素
      function ergodic_ndoe(node) {
        if(node.nodeType === 1){      //判断是不是元素节点
          if (node.children.length === 0){ //            当前节点的子节点为0个时，判断节点的文本内容是否符合用户所选的字符
            if (node.innerHTML.indexOf(select_str) !== -1){
              var index= -2;//开始查询的位置
              var re = new RegExp(select_str, 'g')
              var arr = node.innerHTML.match(re);
              if (arr.length>1){
//                选中的元素所在的位置
                var position = 0
//                当前选中的节点在文本中的偏移量
                var anchorOffset = window.getSelection().anchorOffset

                for (var i = 0;i<arr.length;i++){
                  index = node.innerHTML.indexOf(select_str, index) + select_str.length;//从下标index开始向后查询
                  if (index === anchorOffset + select_str.length){ //当前匹配的字符串和选中的字符串在当前元素内的偏移量做对比
                    position = i
                  }
                  else if (index === anchorOffset){ //客户从右往左选时偏移量不用加上选中的字符长度
                    position = i
                  }
                }
                node_arr.push({
                  el_select: node, //节点
                  this_all_number: arr.length, //当前节点符合选中的字符的总个数
                  position: position //字符在当前节点的位置
                })
              }
              else {
                node_arr.push({
                  el_select: node,
                  this_all_number: 1,
                  position: 0
                })
              }
            }
          }
          else {  //当前节点的子节点不为零，继续往下找
            for (var i = 0;i<node.children.length;i++){
              ergodic_ndoe(node.children[i])
            }
          }
        }
      }

      var sign = 0 //选中的字符为第几个字符
      for (var j = 0;j< node_arr.length;j++){
        if ($(node_arr[j].el_select).hasClass('select')){
          sign += node_arr[j].position + 1 //统计一直到选中的文字之前还有多少个相同的文字，以确认自己的位置
          $(node_arr[j].el_select).removeClass('select')
          break;
        }
        else {
          sign += node_arr[j].this_all_number
        }
      }

      //右边的对应位置
      var index2 = -2;//开始查询的位置
      var re_r = new RegExp(select_str, 'g')
      var arr_r = textarea.value.match(re_r); //用正则匹配文本域内选中的所有字符

//      判断当前字符在当前节点是否只有一个
      if (arr_r && arr_r.length > 1){
        for (var i = 0;i<arr_r.length;i++){
          index2 = textarea.value.indexOf(select_str, index2) + select_str.length;//从下标index开始向后查询

          //当前字符的位置和选中的字符一致
          if ((i+1) === sign){
            var line_break_str = textarea.value.substring(0,index2);  //截取开始到选中的字符为止
            var line_break_end = textarea.value.substr(index2); //截取选中的字符开始到末尾
            textarea.value = line_break_str //将前半段赋值给文本域
            h1 = textarea.scrollHeight //获取此时的文本域的滚动条高度
            textarea.value = line_break_str + line_break_end //还原文本域的内容
            textarea.scrollTop = h1 - 250 //给滚动条赋值，控制选中的文字到中间，250是当前文本域的高度的一半

            textarea.selectionStart = index2 - select_str.length;
            textarea.selectionEnd = index2
            break;
          }
        }
      }


//     当前字符在当前节点只有一个时，直接定位和选中
      if (index2 === -2){
         line_break_str = textarea.value.substring(0,textarea.value.indexOf(select_str)); //截取开始到选中的字符为止
         line_break_end = textarea.value.substr(textarea.value.indexOf(select_str)); //截取选中的字符开始到末尾
        textarea.value = line_break_str //将前半段赋值给文本域
        var h1 = textarea.scrollHeight //获取此时的文本域的滚动条高度
        textarea.value = line_break_str + line_break_end //还原文本域的内容
        textarea.scrollTop = h1 - 250 //给滚动条赋值，控制选中的文字到中间，250是当前文本域的高度的一半

        textarea.selectionStart = textarea.value.indexOf(select_str); //文本域的选中开始位置
        textarea.selectionEnd = textarea.value.indexOf(select_str) + select_str.length  //文本域的选中结束位置
      }

      textarea.focus(); //给文本域焦点

      //用行数计算滚动条位置（感觉不如上面的方法准确）
//      var line_break_arr = line_break_str.match(/\r|\n/g);  //前面一段的换行符数量
//      textarea.scrollTop = line_break_arr.length * 14 //行数乘以文字大小得到滚动条高度
    }
    else {
      alert('没有找到匹配项，请选中一个连续的字词')
    }
  }

//  获取选中的文字
  function getSelectionField(e) {
    var selection = '';
    selection = getIeSelection(e);
    if (selection == '') {
      selection = getFireFoxSelection(e);
    }
    return selection.replace(/（^\s*）|(\s*$)/g, ""); //  去掉前後空格
  }

  //  获取选中的文字兼容
  function getIeSelection() {
    if (window.getSelection) {
      return window.getSelection().toString();
    }
    else if (document.getSelection) {
      return document.getSelection();
    } else if (document.selection) {
      return document.selection.createRange().text;
    }
  }

  //  获取选中的文字兼容
  function getFireFoxSelection(e) {

    if (e.selectionStart != undefined && e.selectionEnd != undefined) {
      var start = e.selectionStart;
      var end = e.selectionEnd;

      return e.value.substring(start, end);
    } else {
      return "";
    }
  }

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table class="tblborder" cellspacing="0" cellpadding="0" style="width: 100%;" border="0">
    <tbody>
    <tr>
        <td>
            <form name="form" id="myform" method="post" action="">
                <input type="hidden" value="1" name="direction">
                <input type="hidden" value="2" name="hear_foot">
                <input type="hidden" value="0,0" name="pdf_header_or_footer">
                <input type="hidden" value="486" name="tid">
                <table cellspacing="0" cellpadding="0" width="100%" border="0">
                    <tbody>
                    <tr class="firstalt">
                        <td colspan="3">
                        </td><td colspan="5">
                        <div id="fixedShow">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                <tr class="tbti">
                                    <td width="100%" align="center" style="padding-left:10px;line-height: 40px;">
                                        <button type="button" class="layui-btn layui-btn-sm" onclick="export_pdf()">導出PDF</button>
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                    </tr>
                    <tr class=""><td colspan="6">&nbsp;</td></tr>
                    <tr class="">
                        <td style="width:1%">&nbsp;</td>
                        <td style="width:47%" align="left" valign="top">
                            <div id="showPdfView" class="left"><h2 style="text-align: center;"><span style="font-size: 8px;"><strong><span style="font-family: 黑体;"><span style="font-family: 黑体; font-size: 10px;"></span><htmlpageheader name="myHeader1"></htmlpageheader></span></strong></span></h2><h2 style="text-align: center;"><span style="font-size: 24px;"><strong><span style="font-family: 黑体; font-size: 10px;"><img src="http://www.1ecst.com/tp_ecst/ueditor/php/upload/image/20190726/1564075729299529.png" title="1564075729299529.png" alt="20190723160858.png" style="width: 220px; height: 51px;" width="220" height="51"></span></strong></span></h2><h2 style="text-align: center;"><span style="text-decoration: underline; font-size: 16px;">RECEIPT</span></h2><table><tbody class="select"><tr class="firstRow"><td style="word-break: break-all;" width="165" valign="top"><span style="font-size: 16px;">Customer Name:</span></td><td style="word-break: break-all;" width="411" valign="top"></td><td style="word-break: break-all;" width="104" valign="top"><span style="font-size: 16px;">Date:</span></td><td style="word-break: break-all;" width="228" valign="top">2020-11-04</td></tr><tr><td style="word-break: break-all;" width="164" valign="top"><span style="font-size: 16px;">Contact no:</span></td><td style="word-break: break-all;" width="411" valign="top"></td><td style="word-break: break-all;" width="104" valign="top"><span style="font-size: 16px;">Receipt No:</span></td><td style="word-break: break-all;" width="228" valign="top" align="left">SZ-DN-CONTRACT-0043/20</td></tr><tr><td style="word-break: break-all;" width="165" valign="top"><span style="font-size: 16px;">Email:</span></td><td style="word-break: break-all;" width="411" valign="top"></td><td style="word-break: break-all;" width="104" valign="top"><span style="font-size: 16px;">Our Ref.:</span></td><td style="word-break: break-all;" width="228" valign="top"></td></tr><tr><td style="word-break: break-all;" width="165" valign="top"><span style="font-size: 16px;">Attn.:</span></td><td style="word-break: break-all;" width="411" valign="top"><span style="font-size: 16px;"></span></td><td style="word-break: break-all;" width="104" valign="top"><span style="font-size: 16px;" class="">Your Ref.:</span></td><td style="word-break: break-all;" width="228" valign="top"></td></tr><tr><td style="word-break: break-all;" width="165" valign="top"><span style="font-size: 16px;">Payment Method</span></td><td style="word-break: break-all;" width="411" valign="top" class="">银行转款</td><td style="word-break: break-all;" width="104" valign="top"><span style="font-size: 16px;">Curr.:</span></td><td style="word-break: break-all;" width="228" valign="top">USD</td></tr></tbody></table><p></p><table><tbody><tr class="firstRow"><td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="477" valign="top" align="center">Package</td><td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="90" valign="top" align="center"><span style="font-size: 16px;">QTY</span></td><td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="97" valign="top" align="center">Set</td><td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="123" valign="top" align="center"><span style="font-size: 16px;">Unit Price</span></td><td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="102" valign="top" align="center"><span style="font-size: 16px;">Total</span></td></tr></tbody></table><p>【服務數據】<br></p><hr><table><tbody><tr class="firstRow"><td style="word-break: break-all;" width="975" valign="top" align="right"><span style="text-align: right;">Total:USD</span></td></tr></tbody></table><table><tbody><tr class="firstRow"><td style="word-break: break-all;" width="975" valign="top"><span style="font-size: 16px;" class="select">Thank you for enjoying our service<code>&nbsp;</code></span></td></tr></tbody></table><table><tbody><tr class="firstRow"><td style="word-break: break-all;" width="972" valign="top"><p>Remarks:</p></td></tr></tbody></table><p><span style="font-size: 10px;"><htmlpagefooter name="MyFooter1"></htmlpagefooter></span></p><hr><table data-sort="sortDisabled"><tbody><tr class="firstRow"><td style="word-break: break-all;" width="311" valign="top"><span style="text-decoration: underline;">Signature:<code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code><code>&nbsp;</code> </span><br></td><td width="311" valign="top"><br></td><td style="word-break: break-all;" width="311" valign="top"><span style="text-decoration: underline;">Signature: <code>&nbsp;</code> <code>&nbsp;</code> <code>&nbsp;</code> <code>&nbsp;</code> <code>&nbsp;</code></span><span style="text-decoration: underline;"> <code>&nbsp;</code> <code>&nbsp;</code> <code>&nbsp;</code> <code>&nbsp;</code></span><br></td></tr><tr><td style="word-break: break-all;" width="311" valign="top">Customer:</td><td width="311" valign="top"><br></td><td style="word-break: break-all;" width="311" valign="top">开发test有限公司(勿删)</td></tr><tr><td rowspan="1" colspan="3" style="word-break: break-all;" valign="top" align="center" class="select"><p class="">地址:广东省深圳市宝安区街道2222222 電話:0755-66668888</p><p class="select">Address:Baoan District Street, Shenzhen City, Guangdong Province Tel:0755-66668888<code>&nbsp;</code></p></td></tr></tbody></table><p style="text-align: left;"><span style="font-size: 10px;"><code>&nbsp;</code></span></p><p style="text-align: left;"><br></p></div>
                        </td>
                        <td style="width:1%">&nbsp;</td>
                        <td style="width:50%;position: absolute;" align="left">
                            <!-- <textarea id="showPdfViewHtml" name="showPdfViewHtml" style="width:100%;height:580px;"></textarea> -->
                            <div class="right">
                                <textarea id="showPdfViewHtml" name="tempData" style="width:100%;height:580px;">
                                    <h2 style="text-align: center;">
	<span style="font-size: 8px;">
		<strong>
			<span style="font-family: 黑体;">
				<span style="font-family: 黑体; font-size: 10px;">
				</span>
				<htmlpageheader name="myHeader1">
				</htmlpageheader>
			</span>
		</strong>
	</span>
</h2>
<h2 style="text-align: center;">
	<span style="font-size: 24px;">
		<strong>
			<span style="font-family: 黑体; font-size: 10px;">
				<img src="http://www.1ecst.com/tp_ecst/ueditor/php/upload/image/20190726/1564075729299529.png" title="1564075729299529.png" alt="20190723160858.png" style="width: 220px; height: 51px;" width="220" height="51">
			</span>
		</strong>
	</span>
</h2>
<h2 style="text-align: center;">
	<span style="text-decoration: underline; font-size: 16px;">RECEIPT
	</span>
</h2>
<table>
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all;" width="165" valign="top">
				<span style="font-size: 16px;">CustomerName:
				</span>
			</td>
			<td style="word-break: break-all;" width="411" valign="top">
			</td>
			<td style="word-break: break-all;" width="104" valign="top">
				<span style="font-size: 16px;">Date:
				</span>
			</td>
			<td style="word-break: break-all;" width="228" valign="top">2020-11-04
			</td>
		</tr>
		<tr>
			<td style="word-break: break-all;" width="164" valign="top">
				<span style="font-size: 16px;">Contactno:
				</span>
			</td>
			<td style="word-break: break-all;" width="411" valign="top">
			</td>
			<td style="word-break: break-all;" width="104" valign="top">
				<span style="font-size: 16px;">ReceiptNo:
				</span>
			</td>
			<td style="word-break: break-all;" width="228" valign="top" align="left">SZ-DN-CONTRACT-0043/20
			</td>
		</tr>
		<tr>
			<td style="word-break: break-all;" width="165" valign="top">
				<span style="font-size: 16px;">Email:
				</span>
			</td>
			<td style="word-break: break-all;" width="411" valign="top">
			</td>
			<td style="word-break: break-all;" width="104" valign="top">
				<span style="font-size: 16px;">OurRef.:
				</span>
			</td>
			<td style="word-break: break-all;" width="228" valign="top">
			</td>
		</tr>
		<tr>
			<td style="word-break: break-all;" width="165" valign="top">
				<span style="font-size: 16px;">Attn.:
				</span>
			</td>
			<td style="word-break: break-all;" width="411" valign="top">
				<span style="font-size: 16px;">
				</span>
			</td>
			<td style="word-break: break-all;" width="104" valign="top">
				<span style="font-size: 16px;">YourRef.:
				</span>
			</td>
			<td style="word-break: break-all;" width="228" valign="top">
			</td>
		</tr>
		<tr>
			<td style="word-break: break-all;" width="165" valign="top">
				<span style="font-size: 16px;">PaymentMethod
				</span>
			</td>
			<td style="word-break: break-all;" width="411" valign="top">银行转款
			</td>
			<td style="word-break: break-all;" width="104" valign="top">
				<span style="font-size: 16px;">Curr.:
				</span>
			</td>
			<td style="word-break: break-all;" width="228" valign="top">USD
			</td>
		</tr>
	</tbody>
</table>
<p>
</p>
<table>
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="477" valign="top" align="center">Package
			</td>
			<td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="90" valign="top" align="center">
				<span style="font-size: 16px;">QTY
				</span>
			</td>
			<td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="97" valign="top" align="center">Set
			</td>
			<td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="123" valign="top" align="center">
				<span style="font-size: 16px;">UnitPrice
				</span>
			</td>
			<td style="word-break: break-all; border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0);" width="102" valign="top" align="center">
				<span style="font-size: 16px;">Total
				</span>
			</td>
		</tr>
	</tbody>
</table>
<p>【服務數據】
	<br>
</p>
<hr>
<table>
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all;" width="975" valign="top" align="right">
				<span style="text-align: right;">Total:USD
				</span>
			</td>
		</tr>
	</tbody>
</table>
<table>
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all;" width="975" valign="top">
				<span style="font-size: 16px;">Thankyouforenjoyingourservice
					<code>&nbsp;
					</code>
				</span>
			</td>
		</tr>
	</tbody>
</table>
<table>
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all;" width="972" valign="top">
				<p>Remarks:
				</p>
			</td>
		</tr>
	</tbody>
</table>
<p>
	<span style="font-size: 10px;">
		<htmlpagefooter name="MyFooter1">
		</htmlpagefooter>
	</span>
</p>
<hr>
<table data-sort="sortDisabled">
	<tbody>
		<tr class="firstRow">
			<td style="word-break: break-all;" width="311" valign="top">
				<span style="text-decoration: underline;">Signature:
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
				</span>
				<br>
			</td>
			<td width="311" valign="top">
				<br>
			</td>
			<td style="word-break: break-all;" width="311" valign="top">
				<span style="text-decoration: underline;">Signature:
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
				</span>
				<span style="text-decoration: underline;">
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
					<code>&nbsp;
					</code>
				</span>
				<br>
			</td>
		</tr>
		<tr>
			<td style="word-break: break-all;" width="311" valign="top">Customer:
			</td>
			<td width="311" valign="top">
				<br>
			</td>
			<td style="word-break: break-all;" width="311" valign="top">开发test有限公司(勿删)
			</td>
		</tr>
		<tr>
			<td rowspan="1" colspan="3" style="word-break: break-all;" valign="top" align="center">
				<p>地址:广东省深圳市宝安区街道2222222電話:0755-66668888
				</p>
				<p>Address:BaoanDistrictStreet,ShenzhenCity,GuangdongProvinceTel:0755-66668888
					<code>&nbsp;
					</code>
				</p>
			</td>
		</tr>
	</tbody>
</table>
<p style="text-align: left;">
	<span style="font-size: 10px;">
		<code>&nbsp;
		</code>
	</span>
</p>
<p style="text-align: left;">
	<br>
</p>

                                </textarea>
                            </div>
                        </td>
                        <td style="width:1%"> </td>
                    </tr>
                    </tbody>
                </table>
            </form></td>
    </tr>
    </tbody>
</table>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script>
  var showPdfView = document.getElementById('showPdfView') //选择的文本
  showPdfView.onclick = function (e) {
    var select_str = getSelectionField(e)
    if (select_str === ''){
      return
    }
    var textarea = document.getElementById('showPdfViewHtml') //最后被标记的文本域
    if (textarea.value.indexOf(select_str) !== -1){

      //    当前选中的文字父节点
      var parent_node = $(window.getSelection().getRangeAt(0).commonAncestorContainer.parentElement)

      parent_node.addClass('select') //标记当前选中的文字所在的节点

      var node_arr = []

      ergodic_ndoe(showPdfView) //遍历所有节点，找到和用户选中文字匹配的所有节点

      //递归遍历元素
      function ergodic_ndoe(node) {
        if(node.nodeType === 1){      //判断是不是元素节点
          if (node.children.length === 0){ //            当前节点的子节点为0个时，判断节点的文本内容是否符合用户所选的字符
            if (node.innerHTML.indexOf(select_str) !== -1){
              var index= -2;//开始查询的位置
              var re = new RegExp(select_str, 'g')
              var arr = node.innerHTML.match(re);
              if (arr.length>1){
//                选中的元素所在的位置
                var position = 0
//                当前选中的节点在文本中的偏移量
                var anchorOffset = window.getSelection().anchorOffset

                for (var i = 0;i<arr.length;i++){
                  index = node.innerHTML.indexOf(select_str, index) + select_str.length;//从下标index开始向后查询
                  if (index === anchorOffset + select_str.length){ //当前匹配的字符串和选中的字符串在当前元素内的偏移量做对比
                    position = i
                  }
                  else if (index === anchorOffset){ //客户从右往左选时偏移量不用加上选中的字符长度
                    position = i
                  }
                }
                node_arr.push({
                  el_select: node, //节点
                  this_all_number: arr.length, //当前节点符合选中的字符的总个数
                  position: position //字符在当前节点的位置
                })
              }
              else {
                node_arr.push({
                  el_select: node,
                  this_all_number: 1,
                  position: 0
                })
              }
            }
          }
          else {  //当前节点的子节点不为零，继续往下找
            for (var i = 0;i<node.children.length;i++){
              ergodic_ndoe(node.children[i])
            }
          }
        }
      }

      var sign = 0 //选中的字符为第几个字符
      for (var j = 0;j< node_arr.length;j++){
        if ($(node_arr[j].el_select).hasClass('select')){
          sign += node_arr[j].position + 1 //统计一直到选中的文字之前还有多少个相同的文字，以确认自己的位置
          $(node_arr[j].el_select).removeClass('select')
          break;
        }
        else {
          sign += node_arr[j].this_all_number
        }
      }

      //右边的对应位置
      var index2 = -2;//开始查询的位置
      var re_r = new RegExp(select_str, 'g')
      var arr_r = textarea.value.match(re_r); //用正则匹配文本域内选中的所有字符

//      判断当前字符在当前节点是否只有一个
      if (arr_r && arr_r.length > 1){
        for (var i = 0;i<arr_r.length;i++){
          index2 = textarea.value.indexOf(select_str, index2) + select_str.length;//从下标index开始向后查询

          //当前字符的位置和选中的字符一致
          if ((i+1) === sign){
            var line_break_str = textarea.value.substring(0,index2);  //截取开始到选中的字符为止
            var line_break_end = textarea.value.substr(index2); //截取选中的字符开始到末尾
            textarea.value = line_break_str //将前半段赋值给文本域
            h1 = textarea.scrollHeight //获取此时的文本域的滚动条高度
            textarea.value = line_break_str + line_break_end //还原文本域的内容
            textarea.scrollTop = h1 - 250 //给滚动条赋值，控制选中的文字到中间，250是当前文本域的高度的一半

            textarea.selectionStart = index2 - select_str.length;
            textarea.selectionEnd = index2
            break;
          }
        }
      }


//     当前字符在当前节点只有一个时，直接定位和选中
      if (index2 === -2){
         line_break_str = textarea.value.substring(0,textarea.value.indexOf(select_str)); //截取开始到选中的字符为止
         line_break_end = textarea.value.substr(textarea.value.indexOf(select_str)); //截取选中的字符开始到末尾
        textarea.value = line_break_str //将前半段赋值给文本域
        var h1 = textarea.scrollHeight //获取此时的文本域的滚动条高度
        textarea.value = line_break_str + line_break_end //还原文本域的内容
        textarea.scrollTop = h1 - 250 //给滚动条赋值，控制选中的文字到中间，250是当前文本域的高度的一半

        textarea.selectionStart = textarea.value.indexOf(select_str); //文本域的选中开始位置
        textarea.selectionEnd = textarea.value.indexOf(select_str) + select_str.length  //文本域的选中结束位置
      }

      textarea.focus(); //给文本域焦点

      //用行数计算滚动条位置（感觉不如上面的方法准确）
//      var line_break_arr = line_break_str.match(/\r|\n/g);  //前面一段的换行符数量
//      textarea.scrollTop = line_break_arr.length * 14 //行数乘以文字大小得到滚动条高度
    }
    else {
      alert('没有找到匹配项，请选中一个连续的字词')
    }
  }

//  获取选中的文字
  function getSelectionField(e) {
    var selection = '';
    selection = getIeSelection(e);
    if (selection == '') {
      selection = getFireFoxSelection(e);
    }
    return selection.replace(/\s*/g, "");
  }

  //  获取选中的文字兼容
  function getIeSelection() {
    if (window.getSelection) {
      return window.getSelection().toString();
    }
    else if (document.getSelection) {
      return document.getSelection();
    } else if (document.selection) {
      return document.selection.createRange().text;
    }
  }

  //  获取选中的文字兼容
  function getFireFoxSelection(e) {

    if (e.selectionStart != undefined && e.selectionEnd != undefined) {
      var start = e.selectionStart;
      var end = e.selectionEnd;

      return e.value.substring(start, end);
    } else {
      return "";
    }
  }


</script>
</body>
</html>