本文介绍如何使用JavaScript在网页中实现划词选中与标记功能,并集成搜索逻辑。通过监听鼠标事件获取选中文本,结合encodeURI等编码处理中文支持,实现类似博客页面的交互效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <INPUT type="button" onclick="isallow()" value="关闭/打开划词功能"> <p>本站</p> </body> </html>划词功能实现与注意事项
注意:若通过Ctrl+A全选并引入外部JS文件,需刷新页面方可执行。
代码集成与搜索功能
将相关代码嵌入页面即可启用,该方案同时包含搜索功能。具体演示效果可参考本博客页面中鼠标划选文字时的实际表现。
鉴于中文兼容性及编码差异,此处提供参数参考说明。
中文编码处理参数
关于q="+encodeURI(str)+"这一部分,用户可根据实际需求选择添加escape、encode或保持为空。