使用HTML和javascript做的取词效果

最新推荐文章于 2023-01-02 21:27:42 发布

转载最新推荐文章于 2023-01-02 21:27:42 发布 · 245 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/majian714/archive/2011/11/28/2265759.html

文章标签：

#javascript #ViewUI

本文提供了一个结合HTML与JavaScript的代码示例，展示了如何在用户选择文本后显示所选内容，通过简单的网页布局和交互功能说明了基本的网页开发技巧。

没有什么多说的直接附上code了，仅供参考：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.code{
   margin: 5px;
   padding: 10px;
   border: 1px solid #87BF23;
   background-color: #eee;
   font-size: 12px;
}
</style>
<script type="text/javascript">
function $(id){
   return document.getElementById(id);
}
function getSelectText()
{
   var txt = null;
   if (window.getSelection){ // mozilla FF
    txt = window.getSelection();
   }else if (document.getSelection){
    txt = document.getSelection();
   }else if (document.selection){ //IE
    txt = document.selection.createRange().text;
   }
   return txt;
}
</script>

</HEAD>

<BODY>
<p>效果演示区</p> <div class="code" onmouseup="javascript:f()"> <p>内容开始：As a result, I am pleased to announce a reorganization that will give some of our smaller business units greater scale. It will also allow us to integrate certain activities that we perform today in each unit into a country-wide organization. At the business level, we will consolidate six units into four: Healthcare, Consumer, Enterprise and Telecom (which now integrates Wireless) - all reporting to Sanjay Singh. We will also formalize the position of country heads in India, Ukraine and China - all reporting to Mukul Jain along with select global function heads. To be clear, these changes are not in anticipation of shrinkage but to better position us for growth. This new organization structure will ensure that our units are built around cohesive markets, which is good for our clients. It will also ensure that countries and product engineering centers will operate in a more integrated fashion, which is good for our employees. It will also support the more rapid adoption of global systems and processes. To learn more, please refer to the Re-organization Summary section below.</p> </div> <p> </p> <div id="rs_081125" class="code">您选取的内容是:</div> <script type="text/javascript"> /*<![CDATA[*/ function f(){ var txt = getSelectText(); if(txt!=null){ $("rs_081125").innerHTML="您选取的内容是:<br />"+txt; } } /*]]>*/ </script>
</BODY>
</HTML>s

转载于:https://www.cnblogs.com/majian714/archive/2011/11/28/2265759.html