给这段文字 加上 onmouseover 不可以了吗
解决方案 »
- div浮动层与footer相对位置滑动问题(之前的类似问题没有表达清楚的延续)
- javascript代码的解压缩
- jquery控制table过滤,重新隔行变色
- 请问,如何把时间进行拼和
- 求解一个果JS引用 问题
- 用javascript如何连接一个dbf文件?
- [在线]如何让pop窗口精确显示在一个文本框上?
- 我想知道JS对IE的内部命令有没有什么等价的语句?
- 两个按钮触发同一个JSP,从JSP上选择一项后,能根据点击的是哪个按钮而将项目写入不同的文本框
- 我在一個頁面里用了很的多jscript(>5000Rows),每次都是第一次打開很慢,後來就快多了,這是甚麼原因,怎麼解決?(longjj)
- 急!如果某个单元格处的table的高度和宽度
- popup的document.body.scrollHeight问题。
选中是用户的动作决定的吧? 能动态给它加onmouseover ?
onmouseover="over(this)";
例子里,有文字,当文字被选中,且鼠标在选中文字上时alert下即可。(当然鼠标不在选中文字位置不做任何事)
<body >
测试代码<span onselectstart="selectText(this);"><font color="red">鼠标选择这里哦</font></span>
<script language="javascript">
function selectText(obj){
alert('你正在对我做选择操作!,我的内容是:'+obj.innerText);
}
</script>
</body>
</html>span标签只有选择操作前的触发事件,但是我想应该可以蛮足你的需要了吧
我的要求有点像金山词霸的屏幕取词,当文字选中后没有任何事件发生的,只有当鼠标放在了选中的文字上后才触发事件。
比如放在选中文字后1秒,发生事件。
查看鼠标在不在选区内容中,请看IE的标题,因为老是alert也太烦了点
顺便说一句,闹书荒了…………说一下决断的精确性,假设蓝色的为选中区:
测试文字a测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测b试文字测试文字测试文字当鼠标移到a前面时,能够判断,鼠标不在选区上,但是当鼠标移到b点后面,程序会认为还是选区中,这个我暂时没办法了……
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
</head>
<body>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<p>
[玄幻奇幻] 卡徒 暴力王座 谜龙 狗头 盗皇 战天变 白垩纪 修真传人在异界 风水大师闯异界 更多>> <br/>
[武侠仙侠] 剑意 诳言 盗墓修神 逆天武仙 妖风纵横 缺月梧桐 凡人修仙传 重生真仙界 更多>> <br/>
[都市言情] 极限入侵 拳帝 睡龙 重活 黑金大亨 风流英雄 极乐梦境 大魔法师都市游 千变 更多>> <br/>
[历史军事] 小商河 枪刺 强汉 争楚 立唐 混王 单兵作战 南亚征服史 贼途 郭嘉新传 更多>> <br/>
[游戏竞技] 网游之星际执政官 从零开始 网游之混沌初开 貌似善良的卓尔 大射雕 更多>><br/>
[科幻灵异] 河图 无限魔化 末日逃亡 星舰迷航 荒岛漂流记 我的星际战队 更多>> <br/>
[女性时空] 小楼传说 千古一后 降头师 千年祝祭 神仙也有江湖 夜合花 小狐狸的异界之旅 更多>> <br/>
</p>
<script type="text/javascript">
alert("查看鼠标在不在选区中的提示,请注意看IE的标题啊……没办法,不知道在哪提示好了,老是弹出对话框也烦,就直接改标题吧。");
//记录选区大小,位置
var rect = {
left:-1,
top:-1,
width:-1,
height:-1,
start_left:-1
};
//这个我就不说了……
function $(id)
{
return document.getElementById(id);
}
//当选区改变时,改变选区的属性
document.onselectionchange=function(){
var sel = document.selection.createRange();
rect.left = sel.boundingLeft;
rect.top = sel.boundingTop;
rect.width = sel.boundingWidth;
rect.height = sel.boundingHeight;
rect.start_left = sel.offsetLeft;
rect.end_left = sel.offsetTop;
};
//当鼠标移动时,得到鼠标的绝对位置
document.onmousemove = function(){
var position = getMouse(window.event);
if(ptInRect(rect,position))
document.title = "鼠标在选区中!!!!!!!!!!!";
else
document.title = "鼠标不在选区中";
}
//判断鼠标是否在矩形(也就是选区,选区是一个矩形)内
function ptInRect(rect,pt)
{
if(pt.x>rect.left&&pt.x<rect.left+rect.width&&pt.x>rect.start_left)
if(pt.y>rect.top&&pt.y<rect.top+rect.height)
return true;
return false;
}
//得到鼠标的位置
function getMouse(ev)
{
if(ev.pageX || ev.pageY)
{
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
</script>
</body></html>
给分结贴。