选取文本自动显示菜单条

代码:

function getSel(e) {

var e = e ? e : window.event;

if (window.getSelection) {

if (window.getSelection() == ‘‘) {

return false;

} else {

txt = window.getSelection().toString();

var div = document.getElementById(‘baike-menu‘);

div.style.display = ‘block‘;

var x = getMousePos(e).x + ‘px‘;

var y = (parseInt(getMousePos(e).y) - 25) + ‘px‘;

div.style.left = x;

div.style.top = y;

}

} else if (document.getSelection) {

if (document.getSelection() == ‘‘) {

return false;

} else {

txt = document.getSelection().toString();

var div = document.getElementById(‘baike-menu‘);

div.style.display = ‘block‘;

var x = getMousePos(e).x + ‘px‘;

var y = (parseInt(getMousePos(e).y) - 25) + ‘px‘;

div.style.left = x;

div.style.top = y;

}

} else if (document.selection) {

if (document.selection.createRange().text == ‘‘) {

return false;

} else {

txt = document.selection.createRange().text;

var div = document.getElementById(‘baike-menu‘);

div.style.display = ‘block‘;

var x = getMousePos(e).x + ‘px‘;

var y = (parseInt(getMousePos(e).y) - 25) + ‘px‘;

div.style.left = x;

div.style.top = y;

}

}

console.log(txt)

}

function getMousePos(event) {

var evt = event ? event : window.event;

var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;

var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

var x = evt.pageX || evt.clientX + scrollX;

var y = evt.pageY || evt.clientY + scrollY;

return {

‘x‘: x,

‘y‘: y

};

}

$(".l-case-content .content").mouseup(function(e) {

getSel(e);

})

//监听鼠标右键事件

document.oncontextmenu = function() {

$("#baike-menu").hide();

}

$("#baike-menu").mousemove(function() {

$("#baike-menu").show();

})

$("#baike-menu").mouseout(function() {

$("#baike-menu").hide();

})

时间: 2024-11-07 12:16:16

选取文本自动显示菜单条的相关文章

如何让超出范围的文本自动显示为省略号(CSS)

溢出文本显示省略号的效果: white-space:nowrap;  强制文本在一行显示 overflow:hidden;   溢出内容为隐藏 text-overflow:ellipsis;  当对象内文本溢出时显示省略标记(...) 版权声明:本文为博主原创文章,未经博主允许不得转载.

初出茅庐--文本自动校对技术综述

申明:本博纯属个人对文本校对技术的偏好,以便于以后查阅.由于自己尚在学习探索中,内容不免有些显得不成熟,若有不当之处还请阅者指正. 文本自动校对是自然语言处理的重要研究领域之一.可用个人书写文字的检查,也可满足出版社的大量较高需求.文本自动校对,分为集中技术,一是文字文字自动校对,即程式将文本中出现的错字,借助文法检查器的检查,一一标出,由使用者用眼看逐一校对.二是语音自动校对,即让语音程式将文本转成语音输出,让校稿人员来听,以发现错误.这种校对方式,属于比较弱的校对方式,更多的依赖于人的听觉与

文本自动截断

比如一个项目中,显示全部书籍列表的页面有一个潜在的问题,如果书名或者作者名过长,将会破坏整个页面的表格完整,所以我们可以创建自定义函数:以便在文本过长的时候 能自动截断文本.Razor的@语法可以很轻易地创建自己的helper函数以用于您的视图. @helper Truncate(string input,int length) { if(input.Length<=length) { @input } else { @input.Substring(0,length)<text>...

css文字超出自动显示省略号

只针对单行文本有效: 01.针对块状元素 ul li{ width: 180px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow: hidden; } css文字超出自动显示省略号显示省略号 css文字超出自动显示省略号 css文字超出自动显示省略号显示省略号 02.针对table table{ table-layout:fixed; } table td{ word-break:keep-all;/* 不换行

关于JLable列表的自动滚动条的显示:当JLable列表的内容超出JPanel面板所规定的高度时,自动显示滚动条的方法

关于JLable列表的自动滚动条的显示:当JLable列表的内容超出JPanel面板所规定的高度时,自动显示滚动条的方法: 通过下面的方式把JLable表的宽度和高度锁死,不能根据列表内容的增加而自动出现滚动条: JPanel tablePanel = new JPanel(); JScrollPane jScrollPane1 = new JScrollPane(); JTable teacherTable = new JTable(); //表 teacherTable.setMaximum

CAD制图,如何给文字文本自动编号呢?

从事CAD制图工作的小伙伴们,我们在日常的CAD相关工作中,常常会遇到各种各样的的制图问题,其中就包括关于文字文本的相关问题.例如,CAD制图,如何给文字文本自动编号呢?今天小编就给大家分享一下,CAD制图中给文字文本自动编号的具体方法.演示操作步骤如下: 编辑文字文本 在常用的制图软件--迅捷CAD编辑器建筑版里操作如下: 1.点击单行文字或多行文字图标,按照相应的命令指示,我们编辑输入一串文本文字. 2.直接在命令框里输入"DTEXT"或是"MTEXT"命令字符

Django框架进阶5 models常用字段及参数, choices参数, 自动显示sql命令配置, orm查询优化相关, orm中的事务操作, MTV与MVC模型, 图书管理系统(图书的增删改查)

models中的常用字段 AutoField(primary_key=True) 主键   (int自增列,必须填入参数 primary_key=True.当model中如果没有自增列,则自动会创建一个列名为id的列.) CharField(max_length=32)     varchar(32) IntegerField()       int BigIntergerField()           bigint DecimalField()    decimal EmailField(

用面向对象解决 输入用户名自动显示邮箱后缀列表的方法

---恢复内容开始--- 当我们注册或者登录要用邮箱格式时会显示邮箱后缀的提示下拉框 效果如图所示 主要介绍了JS输入用户名自动显示邮箱后缀列表的方法,可实现自动显示邮箱后缀名列表的功能, 原理是:一个输入框 当我输入任何字的时候 自动下拉相应的邮箱提示,在输入框输入11的时候 下拉框有所有11的邮箱 输入其他的时候 有其他文案对应的邮箱. 同理 此插件不需要任何html标签,只需要一个输入框 有相对应的id类名就ok 且父级有个class类名,其他的都不需要.内部的HTML代码都是自动生成的

Easyui datebox单击文本框显示日期选择

Easyui默认是点击文本框后面的图标显示日期,为了更进一步优化体验 修改为单击文本框显示日期选择框 修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别) 可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码: // datebox单击文本框出现日期选择 start if ($(_83f).hasClass("datebox-f")) { _844.click(function() { _845.c