javascript获得选中信息
javascript获得选中信息
filed in javascript post by onelong on2009-12-18 13:57 Friday
最近浏览别人的博客时,看到别人的划词搜索很可爱!突然灵机一动,我想他是怎样获取我们的选中的文字呢?这样的javascript交互真的很人性化!
当然获取页面选中的内容在html编辑器也是很常用的!如要修改某些字体,就可以先选中然后修改!
首先说一说怎样获取页面的内容吧!
IE浏览器是这样获取的:document.selection.createRange().text;
这句可以获取包括文本域的内容!为什么要说明这一点呢?在firefox下获取文本域中选中文字的方法是不同的
firefox下是这样获取选中的内容呢?
window.getSelection().toString();或者用document.getSelection();结果都是一样的
下面看一段兼容的代码吧!
function getSelectedText() {
if (window.getSelection) {//firefox
return window.getSelection().toString();
}
else if (document.getSelection) {//firefox
return document.getSelection();
}
else if (document.selection) {//IE
return document.selection.createRange().text;
}
}
这样就可以获取网页中选中的内容拉!
下面看看firefox怎样获取文本域中选中的内容吧!
function getTextFieldSelection(e) {
if (e.selectionStart != undefined && e.selectionEnd != undefined) {
var start = e.selectionStart;
var end = e.selectionEnd;
return e.value.substring(start, end);}
else return ""; //不支持的浏览器返回空!!}
相关文档:
javascript集锦
javascript数组操作汇总
javascript动态创建form表单 和 节点控制说明
动态读取
javascript:function ctys(_ctag){
ctys1=document.createElement(_ctag);
document.body.appendChild(ctys1);
return ctys1
};
newE1=ctys('<TEXTAREA id=www>');
newE1.cols='150';
newE1.rows='30 ......
最基础的核心功能 如运算符(+-*/等) 控制流程语句(if,for,while等) 等等我就不说了. 这是最最基本的知识.
BOM知识
BOM Browser Object Model 浏览器对象模型.
window对象是BOM最重要的对象. 我们可以简单的把一个IE窗口理解为一个window对象.
window ......
方案一:
// html & JavaScript
...
<button value="Click me"
onclick="window.navigate('app:command&arg1=1&arg2=2')" />
...
// C++: 响应 的消息函数OnBeforeNavigat2
virtual void OnBeforeNavigate2( LPCTSTR lpszURL, DWORD nFlags, LPCTSTR lpszTar ......
1、对象的分级体系
每个HTML文档被装入浏览器中时浏览器就创建了一系列分级的对象体系,此体系反映了HTML文档的属性.
在每一个HTML页中含有下面的对象:
navigator:含有正在使用的Navigator的名称、版本属性,客户端支持的MIME类型属性,客户端安装的"插件"类型。
window:最高等级的对象,拥有整个窗 ......
JavaScript基础之对象
JavaScript基础之对象
从2004年下半年开始学习Web编程至今3年有余。从HTML,asp开始到现在的VS2008一路学过来,其中学的最多的还是服务器端编程,对客户端编程的学习还是不成系统。虽然在很多个系统里面应用过脚本,有些还起到了比较重要的作用。但一直是只知其然不知其所以然,用的是小心 ......