草庐IT

Selection

全部标签

javascript - 保存选择以供以后在 JS 中使用

我在带有designMode的iframe中有一个富文本编辑器,可以为小块文本执行语法突出显示。我希望它更新keyup上的突出显示,但弄乱DOM会导致框架模糊,因此每次按下一个键时,插入符号都会消失,你不能再打字了。如果解析器可以记住插入符号的位置,然后重新聚焦iframe并替换插入符号,那将不是问题。我已经阅读了getSelection()及其亲戚,但显然onkeyup删除了选择,至少在Chrome中-在onkeyup中调用getSelection()总是会产生null选择。有解决办法吗?这是我的:functionparse(){if(window.getSelection().ty

javascript - 使用javascript检测选择结束位置

我编写了一个代码来使用javascript检测选择的结束,并在结束位置放置一个标记。看到这个jsfiddle:http://jsfiddle.net/vCwwN/上面的代码做了以下事情:它能正确处理所有LTR脚本(例如英语)(在末尾正确显示标记)。对于LTR脚本(例如英语)它处理选择是向前(从左/上到右/下)还是向后(从右/下到左/上)正确显示选择停止的标记(使用鼠标或键盘)。它使用getClientRects找到所有选择矩形的边界,并使用hack检测选择的方向(是否向后)。根据这两个信息,它将标记放在最后。您可以尝试选择上面描述的英文脚本,没有任何问题。唯一的问题是当您尝试处理RTL

javascript - 使用javascript检测选择结束位置

我编写了一个代码来使用javascript检测选择的结束,并在结束位置放置一个标记。看到这个jsfiddle:http://jsfiddle.net/vCwwN/上面的代码做了以下事情:它能正确处理所有LTR脚本(例如英语)(在末尾正确显示标记)。对于LTR脚本(例如英语)它处理选择是向前(从左/上到右/下)还是向后(从右/下到左/上)正确显示选择停止的标记(使用鼠标或键盘)。它使用getClientRects找到所有选择矩形的边界,并使用hack检测选择的方向(是否向后)。根据这两个信息,它将标记放在最后。您可以尝试选择上面描述的英文脚本,没有任何问题。唯一的问题是当您尝试处理RTL

javascript - 浏览器页面中选定文本的坐标

我需要文本选择开头的坐标(以像素为单位)(页面上的任何位置,而不是文本区域)。我尝试使用光标坐标,但这效果不佳,因为光标坐标和选择的开始并不总是相同(例如,当用户拖动文本时)。我希望有人有解决方案! 最佳答案 在IE>=9和非IE浏览器(Firefox4+,2009年初发布的WebKit浏览器,Opera11,可能更早),你可以使用getClientRects()Range的方法。在IE4-10中,您可以使用可以从选择中提取的TextRange的boundingLeft和boundingTop属性。这是一个函数,可以在最近的浏览器中

javascript - 浏览器页面中选定文本的坐标

我需要文本选择开头的坐标(以像素为单位)(页面上的任何位置,而不是文本区域)。我尝试使用光标坐标,但这效果不佳,因为光标坐标和选择的开始并不总是相同(例如,当用户拖动文本时)。我希望有人有解决方案! 最佳答案 在IE>=9和非IE浏览器(Firefox4+,2009年初发布的WebKit浏览器,Opera11,可能更早),你可以使用getClientRects()Range的方法。在IE4-10中,您可以使用可以从选择中提取的TextRange的boundingLeft和boundingTop属性。这是一个函数,可以在最近的浏览器中

CSS::selection 在谷歌浏览器中不起作用

我的这段代码在InternetExplorer和MozillaFirefox中运行良好,但在GoogleChrome上却失败了,这是基本的CSS::selection选择器。附件是问题的说明:期望的结果:(IE、Firefox)出了什么问题:(Chrome)这只发生在谷歌浏览器中,我附上我在这里试过的代码:::-moz-selection{background-color:orange;color:white;}::selection{background-color:orange;color:white;}::-webkit-selection{background-color:or

CSS::selection 在谷歌浏览器中不起作用

我的这段代码在InternetExplorer和MozillaFirefox中运行良好,但在GoogleChrome上却失败了,这是基本的CSS::selection选择器。附件是问题的说明:期望的结果:(IE、Firefox)出了什么问题:(Chrome)这只发生在谷歌浏览器中,我附上我在这里试过的代码:::-moz-selection{background-color:orange;color:white;}::selection{background-color:orange;color:white;}::-webkit-selection{background-color:or

html - 我可以取消 HTML 中的这种突出显示吗?

每当我们选择一些文本时,整个文本区域都会高亮显示。喜欢this.但是有什么办法可以消除这种高亮显示吗?我只想改变文本的颜色,而不是图像中显示的要突出显示的区域?我够清楚了吗? 最佳答案 取决于您需要支持的浏览器。不确定InternetExplorer是否支持它,但您可以尝试以下三种CSS伪元素:::selection(适用于我的Chrome)::-moz-选择::-webkit-selection例如:p::选择{背景:#cc0000;颜色:#fff;}另见http://www.quirksmode.org/css/selectio

html - 我可以取消 HTML 中的这种突出显示吗?

每当我们选择一些文本时,整个文本区域都会高亮显示。喜欢this.但是有什么办法可以消除这种高亮显示吗?我只想改变文本的颜色,而不是图像中显示的要突出显示的区域?我够清楚了吗? 最佳答案 取决于您需要支持的浏览器。不确定InternetExplorer是否支持它,但您可以尝试以下三种CSS伪元素:::selection(适用于我的Chrome)::-moz-选择::-webkit-selection例如:p::选择{背景:#cc0000;颜色:#fff;}另见http://www.quirksmode.org/css/selectio

c# - ASP.Net MVC Update ViewModel on DropDown Selection changed

起初我对网络开发完全陌生。我正在尝试开发一个由单个页面组成的Web应用程序(我从一个试图遵循mvc模式的空项目开始)。为了填充我的View,我通过HomeController将ViewModel传递到我的“Home”View。现在我想根据DropDown选择更改一些标签文本。View模型:publicIEnumerableAvailableLanguages;publicModels.LanguageSelectedLanguagePublicIEnumerableContent;语言:publicintID;publicstringLanguageText;文本:publicLang