大佬教程收集整理的这篇文章主要介绍了计算所选文本的宽度和高度(javascript),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用由Tim Down编写的以下代码作为起点,
function getSELEctionCoords() { var sel = document.SELEction,range; var x = 0,y = 0; if (sel) { if (sel.type != "Control") { range = sel.createRange(); range.collapse@R_262_6334@; x = range.boundingLeft; y = range.boundingTop; } } else if (window.getSELEction) { sel = window.getSELEction(); if (sel.rangeCount) { range = sel.getRangeAt(0).cloneRange(); if (range.getClientRects) { range.collapse@R_262_6334@; var rect = range.getClientRects()[0]; x = rect.left; y = rect.top; } } } return { x: x,y: y }; }
左和顶部坐标正在正确显示.要计算宽度&身高,我需要正确&底部位置也是如此.
所以我添加了几行代码找到底部&正确的位置(代码可用 – http://jsfiddle.net/pankajparashar/kv2Bp/).但令我吃惊的是,代码显示了左边的&正确的坐标总是相同的,即使它们之间有明显的区别(仅在Firefox中测试).
顶部和顶部没有问题底部位置,因为它们正常工作,这将有助于我计算高度.但是要计算宽度,我仍然需要正确的右侧坐标.
任何人可以用代码指出任何缺陷?或任何替代方法,使用我可以计算宽度&所选文字的高度?
function getSELEctionDimensions() { var sel = document.SELEction,range; var width = 0,height = 0; if (sel) { if (sel.type != "Control") { range = sel.createRange(); width = range.boundingWidth; height = range.boundingHeight; } } else if (window.getSELEction) { sel = window.getSELEction(); if (sel.rangeCount) { range = sel.getRangeAt(0).cloneRange(); if (range.getBoundingClientRect) { var rect = range.getBoundingClientRect(); width = rect.right - rect.left; height = rect.bottom - rect.top; } } } return { width: width,height: height }; }
以上是大佬教程为你收集整理的计算所选文本的宽度和高度(javascript)全部内容,希望文章能够帮你解决计算所选文本的宽度和高度(javascript)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。