javascript实现划词标记+划词搜索功能代码实例

最新推荐文章于 2020-12-03 06:42:10 发布
最新推荐文章于 2020-12-03 06:42:10 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011425213/article/details/9351591
版权
<!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> 

<SCRIPT language=javascript> 
<!-- 
document.body.οnlοad=adddiv; 
document.οnmοusedοwn=recordobj; 
document.οndblclick=dbclick; 
document.οnmοuseup=showselect; 
var starobj,isdb=false,allow=true; 
function isallow() 
{ 
if(allow){ 
allow=false; 
alert('is closed'); 
} 
else{ 
allow=true; 
alert('is opend'); 
} 
} 
function dbclick() 
{ 
isdb=true; 
} 
function recordobj() 
{ 
starobj=event.srcElement; 
} 
function showselect() { 
var str=""; 
if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==starobj&&!isdb&&allow)
{ 
var oText=document.selection.createRange(); 
if(oText.text.length>0) 
{ 
str=oText.text; 
oText.text="BuB"+oText.text+"EuE"; 
} 

oText.select(); 
event.srcElement.innerHTML=event.srcElement.innerHTML.replace("BuB","<u style='FONT-WEIGHT: bold;COLOR: #ff3366'>").replace("EuE","</u>"); 
} 
searchgoogle(str) 
isdb=false; 
} 
function searchgoogle(str) 
{ 
var obj=document.getElementById("searchgoogle"); 
if(str.length>0) 
{ 
obj.style.display="block"; 
obj.style.position="absolute"; 
obj.style.zindex=999; 
obj.style.posTop=document.body.scrollTop+event.y-25; 
obj.style.posLeft=document.body.scrollLeft+event.x+5; 
obj.style.widht=80; 
obj.innerHTML="<a target=_blank href=http://www.google.com/search?ie=UTF-8&oe=UTF-8&q="+str+" style='BORDER-RIGHT: royalblue thin solid; BORDER-TOP: royalblue thin solid; FONT-WEIGHT: bold; BORDER-LEFT: royalblue thin solid; CLIP: rect(auto auto auto auto); COLOR: #ffffff; BORDER-BOTTOM: royalblue thin solid; BACKGROUND-COLOR: inactivecaption; TEXT-DECORATION: none'>Search It！</a>"; 
} 
else 
{ 
obj.style.display="none"; 
} 
} 
function adddiv() 
{ 
var mobj = document.createElement("div"); 
mobj.id="searchgoogle"; 
document.body.appendChild(mobj); 
} 
//--> 
</SCRIPT> 
<INPUT type="button" οnclick="isallow()" value="关闭/打开划词功能"> 
<p>qrasfdasfasfdasfsafasdfsafsafasdfasdfasd</p> 
</body> 
</html>
博智诚信
关注
专栏目录
javascript 页面划词搜索JS
10-29
个脚本是网上的代码修改的，兼容各主流浏览器，优化页面异步加载的文字的检索提示框定位，根据选择文字位置与屏幕尺寸计算检索提示框定位。
网页划词标记划词搜索功能.rar
07-05
总的来说，"网页划词标记划词搜索功能"是一个利用JavaScript技术提升网页用户体验的功能，它结合了划词标记、划词搜索以及可能的表格和图层特效。通过解压并分析提供的"说明.htm"和"index.htm"文件，我们可以深入...
javascript实现划词标记+划词搜索功能
ZetaChow
09-01 3448
完整示例代码如下Untitled Documentdocument.body.onload=adddiv;document.onmousedown=recordobj;document.ondblclick=dbclick;document.onmouseup=showselect;var starobj,isdb=false,allow=true;function isall
Javascript实现划词标记+划词搜索功能代码实例
web开发自学
09-08 468
&lt;!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Javascript实现划词标记+划词搜索功能代码实例&lt;/title&gt; &lt;metahttp-equiv="Content-Type"content="
javascript实现划词标记划词搜索功能修正版，兼容IE及FF
twosecond
07-14 644
继续看if (navigator.appName=="Microsoft Internet Explorer") {document.body.onload=adddiv;  document.onmousedown=recordobj;  document.ondblclick=dbclick;  document.onmouseup=showselect;} else {//firefoxwi
原生JavaScript实现日历功能代码实例(无引用Jq)
10-16
在本文中，我们将探讨如何使用原生JavaScript实现一个简单的日历功能，无需依赖jQuery库。这个日历功能允许用户在移动端查看和切换不同月份的日历视图。我们将会分析HTML、CSS和JavaScript代码，了解它们如何协同...
javascript的惯性运动实现代码实例
10-16
标题中提到的“javascript的惯性运动实现代码实例”，其主要知识点包括了在javascript中如何实现一个模拟物理惯性的动画效果。这种效果常见于移动设备的触摸滑动操作中，即当用户滑动屏幕后，松开手指，屏幕内容会...
代码实现打印功能(asp.net+javascript)
10-29
具体地，文中将介绍两种实现方式：服务器端打印和客户端打印，并以实例代码的形式展现如何在各自的环境中实现打印功能。 服务器端打印通常是通过发送一个响应到客户端浏览器来触发打印，而客户端打印则是在浏览器中...
html、scss、js实现登录与注册功能实例代码
01-20
最后，JavaScript（JS）负责实现动态交互和功能。虽然在提供的内容中没有直接展示JavaScript代码，但在实际项目中，JS通常用于处理用户输入验证、表单提交、页面间切换等功能。例如，你可以使用JavaScript监听按钮...
基于jquery的页面划词搜索JS
12-09
基于Jquery修改，以下为全部脚本 代码如下: //划词搜索 var GLS = {}; GLS.startObj = null; GLS.isdb = false; GLS.allow = true; GLS.isallow = function() { if (GLS.allow) { GLS.allow = false; alert(‘Google搜索已关闭’); } else { GLS.allow = true; alert(‘Google搜索已打开’); } }; GLS.dblclick = function() { GLS.isdb = true; }; GLS.mouse
js划词弹出模态div特效
07-17
一个javascript特效实例，在页面捕捉鼠标划词，弹出分享模态div。
js 实现 划词搜索
03-30
js 实现 划词搜索! 值得下载看看!资源免费,大家分享!!
划词搜索代码js好用版
01-17
划词搜索 代码js 好用版 自己修改的兼容ie,chrome等浏览器 秒杀网络上不能用的版本
javascript 实现划词标记划词搜索功能
01-21
javascript实现划词标记划词搜索功能 软件开发网是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascript等编程资料,是网页制作,网络编程,网站建设人士的聚集场所。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]在页面中加上这串代码就行了，同时还有搜索功能。
JavaScript特效:划词搜索
Sparkdream
07-31 207
&lt;html&gt; &lt;head&gt; &lt;title&gt;划词搜索&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;/head&gt; &lt;body&gt; &lt;SCRIPT
js实现ctrl+d功能_?如何用JS实现“划词高亮”的在线笔记功能？????
weixin_39614146的博客
12-03 338
1. 什么是“划词高亮”？有些同学可能不太清楚“划词高亮”是指什么，下面就是一个典型的“划词高亮”：用户选择一段文本（即划词），即会自动将这段选取的文本添加高亮背景，用户可以很方便地为网页添加在线笔记。上图的示例网站可以在这里在线访问↓↓Web Highlighter: a mini tool for highlighting website text​alienzhou.github.io而所谓...
JavaScript实现划词翻译
极客神殿
08-17 2913
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetWord.aspx.cs" Inherits="Pro.GetWord" %> <!DOCTYPE html> <html> <head runat="server"> <meta http-equiv="Con...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值