我现在用iframe实现自定义文本编辑器,现在简易效果如下:
效果如iframe1.bmp显示,
我在选中的文字上加了连接。
但是我想如果鼠标点击到加过连接的地方,显示弹出层。这个事件怎么加。
效果如iframe2.bmp
iframe自制文本编辑器事件问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- weixin_42518082 2010-05-13 09:30关注
简单的例子, 点击iframe中链接, 或弹出alert.
得到iframe的document, 为iframe的document添加事件
最好选用js框架, 否则处理比较麻烦a.html
[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dialog function getIframeDoc(iframe) { return iframe.contentDocument || iframe.contentWindow.document; } function addEvent(el, event, listener) { if (el.addEventListener){ el.addEventListener(event, listener, false); } else if (el.attachEvent){ el.attachEvent('on' + event, listener); } } function fun(){ var iframeDoc =getIframeDoc(document.getElementById("x")); iframeDoc.designMode = "On"; var anchors = iframeDoc.getElementsByTagName("a"); for(var i=0,len =anchors.length;i<len;i++){ addEvent(anchors[i],"click", (function(){ var anchor = anchors[i] return function(){ doClick(anchor) } })()); } } function doClick(anchor ){ alert("点击了 " +anchor ) }
[/code]b.html
[code="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dialog
cxxxxxxx127.0.0.1xcccccc127.0.0.2cc
[/code]本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 Jenkins自动化部署—悬赏100元
- ¥15 关于#python#的问题:求帮写python代码
- ¥20 MATLAB画图图形出现上下震荡的线条
- ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
- ¥15 perl MISA分析p3_in脚本出错
- ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
- ¥15 ubuntu虚拟机打包apk错误
- ¥199 rust编程架构设计的方案 有偿
- ¥15 回答4f系统的像差计算
- ¥15 java如何提取出pdf里的文字?