自动选中div中的文字

复制代码
<html>
<head>
    <title></title>
    <script type="text/javascript" defer="defer">
        function setSelectText(el, start, end) {
            var range = document.body.createTextRange();
            range.collapse();
            range.moveToElementText(el)
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }


    </script>
</head>
<body style="position: relative;">
    <div id="pinYinBlocks">
        <p>
            <span id="start"></span>一难曰∶十二经皆有动脉,独取寸口,以决五脏六腑死生吉凶之法,何谓也?然∶寸口者,脉之大会,手太阴之脉动也。
        </p>
        <p>
            人一呼,脉行三寸,一吸脉行三寸,呼吸定息,脉行六寸。人一日一夜,凡一万三千五百息,脉行五十度,周于身。漏水下百刻,荣卫行阳二十五度,行阴亦二十五度,为一周也。故五十度复会于手太阴。寸口者,五脏六腑之所终始,故法取于寸口也。
        </p>
    </div>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Button1" type="button" value="button" onclick="setSelectText(document.getElementById('start'),document.getElementById('Text1').value,document.getElementById('Text2').value)" />
</body>
</html>
复制代码

 

posted on   空明流光  阅读(302)  评论(0编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示