js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板

js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板,第1张

定义如下JS函数,然后DIV触发onclick

事件就OK。

function

CopyUrl()

{

var

htm

=

documentgetElementById("yourdiv")innerHTML;

windowclipboardDatasetData('text',

htm);

}

yourdiv

就是你的div的ID

可以考虑在input的focus和blur事件中记录,js代码:

var text1 = documentgetElementById('text1');

var text2 = documentgetElementById('text2');

var focusObject = null;

text1onfocus = text2onfocus = function() { focusObject = this; };

text1onblur = text2onblur = function() { focusObject = null; };

这样,focusObject就表示当前是哪个input是带光标的。

当然也可以考虑试一下documentactiveElement这个表示当前激活状态的元素。

首先要实现输入内容不同颜色是可以实现的,比如使用一个可编辑iframe就可以了,textarea是不行的。

至于功能的实现,我觉得不需要获取结束位置。

首先检测鼠标事件,如果有点击编辑区的某个位置,你就获取当前鼠标的落点,然后用innerHTML加入一对标签,<span class="color:#XXXXXX"></span>,所有输入内容都在这个span中间。效果就是输入的所有文字都变色。

不知道楼主明白没?

用JavaScript获取textbox的值的方法:

对textbox设置id属性。

然后在JavaScript里面根据id来获取其值。

方法:$("#idname")val();

<html>

<head>

<meta >

documentbodyonclick=function(){

var obj=documentelementFromPoint(eventclientX,eventclientY);

alert(objtagName)

}

IE chrome 兼容,火狐要兼容,我目前所知的办法非常复杂,也没有仔细研究过。

你可以去搜 索下 elementFromPoint这个火狐兼容的办法。

以上就是关于js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板全部的内容,包括:js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板、js有两个文档框获取光标在那个文档框中、js怎样获取可编辑div中光标的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9667546.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存