草庐IT

Selection

全部标签

ruby - :variable and @variable 之间的差异

作为RubyonRails新手,我明白“@”和“:”引用有不同的含义。我看到了thispost在SO中,其中描述了一些差异。@表示实例变量(例如@my_selection):表示别名(例如:my_selection)我遇到了一个情况,我有一个标准的MVC页面,类似于我的网络应用程序中的所有其他表单/页面。html.erb片段route.rb片段resources:my_selections当我尝试访问此页面时,出现此错误:NoMethodErrorinselections#createShowingC:/somedir/myapp/app/views/my_selections/ind

javascript - 使用 JS 更改文本选择突出显示

对于标准浏览器,您可以使用类似这样的方法来更改所选文本的颜色:div.txtArea::selection{background:transparent;}div.txtArea::-moz-selection{background:transparent;}div.txtArea::-webkit-selection{background:transparent;}但我需要改用JavaScript来执行此操作。我的用户可以选择文本然后更改颜色。当他们选择另一种颜色时,它会不断更新颜色。由于选择了文本,他们看不到颜色的样子。我需要将目标元素的选择样式更改为仅在鼠标悬停在颜色转换器上时透

javascript - window.getSelection() 用 HTML 标签偏移?

如果我有以下HTML:Vivamusluctusurnasedurnaultriciesactemporduisagittis.我在mouseup上举办了一场事件查看所选文本的范围:$(".content").on("mouseup",function(){varstart=window.getSelection().baseOffset;varend=window.getSelection().focusOffset;if(start然后我选择单词Vivamus从内容中,它将记录1,8,因为这是选择的范围。如果,但是,我选择了单词urna,它会记录15,20,但不会考虑HTML的元素

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - Chrome Selection.addRange() 不选择(一个 execCommand ('copy' )用例)

在Chrome中编写一个小型浏览器扩展程序,以将一些特定文本从特定网页复制到剪贴板。以HTML格式,以便人们可以将其粘贴到word、outlook等办公程序中。document.execCommand('copy')是我使用的命令,它由document.onkeydown组合键(Alt+1)触发,它工作正常-但只是第一次。如果您尝试再次按下组合键,它将不会执行任何操作。我找到了原因,document.queryCommandEnabled("copy")第一次返回true,任何其他尝试返回false。如果我重新加载页面,它会第一次再次返回true。此外,如果我在加载页面后在浏览器窗口外

javascript - window.getSelection(),如何判断 anchor 节点是否在焦点节点之前?

我只想允许从左到右进行选择,因此anchor节点始终是DOM树中的第一个节点(相对于焦点节点)。有没有一种简单的方法来测试anchor节点是否在焦点节点之前? 最佳答案 这是一种简单的方法,它利用了将DOM范围的末尾设置在文档中比范围开始更早的位置会折叠该范围这一事实。我认为这会在Firefox2中中断,它在处理这个问题时有一个错误,但该浏览器的用户数量很少。functionisSelectionBackwards(){varbackwards=false;if(window.getSelection){varsel=window.

javascript - 如何仅对元素的子元素运行 getElementsByTagName?

我无法让选择器正常工作。我有这个HTML:我正在尝试选择div标签,它们是ui-controlgroup-controls的子标签-这意味着排除表单中的内容。这就是我正在尝试的://elismydiv.wrapperelementel.children[0].getElementsByTagName("div");但是这不起作用,因为表单中的div最终出现在选择中。问题:当我不想使用jQuery时,如何正确选择元素? 最佳答案 执行此操作的一种方法是遍历生成的节点列表并检查父节点:varnodes=el.children[0].ge

javascript - contenteditable 文本选择不起作用

我面临以下问题:当我尝试在contenteditable元素中选择文本并且选择的结尾是元素内容的开始时,没有触发选择事件并且没有Selection和Range对象。有人可以就为什么会发生这种情况或如何防止这种情况给我任何建议吗?负责获取选择范围的代码:$('div[contenteditable="true"]').bind("mouseupkeyuptouchend",function(){lastCaretIndex=getSelectionRange();});functiongetSelectionRange(){varsel;if(window.getSelection){s

javascript - 排序时的 SlickGrid 选择问题

当同时使用SlickGridsselection和sorting时,我发现选择存储的是所选行的索引,而不是存储所选数据的选择。我该如何解决这个问题,以便记住所选数据而不仅仅是索引?可以在此处找到该问题的演示:http://jsfiddle.net/blowsie/LKf6j/Toreproducetheissuetakethefollowingsteps;SelectthefirstiteminthegridSortonname 最佳答案 您需要调用dataView.syncGridSelection(grid,true)。见htt

javascript - 是否可以在没有任何用户交互的情况下创建选择对象?

可以Selection在没有任何用户交互的情况下创建对象?window.getSelection()确实会返回一个Selection对象,但您不能modify()除非用户做出某种选择。是否可以创建一个从页面上的第一个元素开始的选择,然后能够修改()它,而不需要用户做任何事情?示例:http://jsfiddle.net/niklasvh/L5M3U/它不会在页面加载时选择任何内容,但如果您单击任何内容,它就会进行选择。 最佳答案 如果我理解您的要求,那么是的,您可以使用其addRange()以编程方式设置选择方法。例如,选择整个文档