Tag: 游标

在Javascript或jQuery中更改鼠标光标: 如何在Javascript或jQuery中更改鼠标光标？我知道这是一个非常经典的问题，但很奇怪这个JSFiddle不起作用： http ： //jsfiddle.net/2Qffw/ 。这是代码： $(‘body’).css(‘cursor’,’pointer’); document.body.style.cursor = “pointer”;

识别Javascript onhover上的单词: 我正在浏览stackoverflow并遇到了这个链接（如何使用JavaScript获取光标下的单词？）他们有代码： Each word will be wrapped in a span. A second paragraph here. Word: $(function() { // wrap words in spans $(‘p’).each(function() { var $this = $(this); $this.html($this.text().replace(/\b(\w+)\b/g, “$1″)); }); // bind to each span $(‘p span’).hover( function() { $(‘#word’).text($(this).css(‘background-color’,’#ffff66′).text()); }, function() { $(‘#word’).text(”); $(this).css(‘background-color’,”); } ); }); 当我尝试这个时，我意识到这个代码只适用于段落标签。我应该如何编辑此代码的Javascript / Regex以使其工作所有标签（h1，h2，h3）？ […]

删除拖动的元素并使用jQuery重置光标: 我使用jQuery拖放时遇到问题。这是一个非常简单的小提琴，显示了我的意思（ http://jsfiddle.net/Znt44/1/ ）： $(‘#drop’).droppable({ drop: function (e, ui) { ui.draggable.remove(); } }); $(‘#drag’).draggable({ cursor: ‘move’ }); 如您所见，我在拖动时将光标设置为十字准线，这有效。如果您将绿色框放在红色框上，光标将不会重置。看起来光标也附加到红色框，并且不会重置。如果您将绿色框放在其他位置，光标将完全重置。重置光标的正确方法是什么？或删除有什么问题？

javascript选择自定义光标（svg）: 我在hover时动态地将光标更改为本地svg $(element).on(‘mouseover’, function () { $(this).css(‘cursor’, ‘url(svgs/pointer.svg) 9 30 auto’); }; 这很好但我想选择那个svg来操纵它的填充颜色。有没有办法做到这一点，所以我不必制作一堆不同的填充不同的svgs？谢谢

Chrome扩展程序自定义光标: 我构建了一个Google Chrome扩展程序，可以在网站中放置一些IMG标记。这个img标签：hover必须显示一个自定义光标。该扩展使用jQuery作为其注入的核心脚本。我尝试了以下方法： 1。 var cursor = ‘url(‘+chrome.extension.getURL(‘icons/cursor.cur’)+’)’; $(‘#myImgId’).css({ ‘position’: ‘absolute’, ‘top’:’5px’, ‘left’:’5px’, ‘cursor’:cursor }); 这是最好的工作。在较小的站点上，它显示光标。在较慢的加载站点上它没有。但在小网站上它有时会失败。 2。 var cursor = ‘url(‘+chrome.extension.getURL(‘icons/cursor.cur’)+’)’; $(‘#myImgId{cursor:’+cursor+’}’).appendTo(‘head’); 这什么都没做。 3。在manifest.json中我注入了css。 “content_scripts”: [ { “matches”: [“http://*/*”], “css”: [“css/style.css”], “js”: [“j/c.js”, “j/s.js”] } css文件只有光标：url（icons / cursor.cur）因为我不知道，如何在css文件中获取真正的url。这根本不起作用。我认为它必须像这样工作，但我没有在code.google上找到这方面的参考。

自定义光标交互点 – CSS / JQuery: 我正在尝试使用自定义光标进行在线游戏，在这种情况下，它是一个狙击范围。问题是当我通过CSS引用光标时，交互点仍然是图标的左上角，而它需要是光标图标的死角，才有意义。这是光标： cursor:url(http://www.seancannon.com/_test/sniper-scope.cur),default; 这是一个演示： http ： //jsfiddle.net/9kNyF/ 如果您将光标上的红点放在我在演示中创建的红点上，它将不会触发click事件。你必须尝试将左上角对准它。如果将光标设置回cursor:default; 你会看到点击事件发射得很好，这只是“瞄准”光标的问题。游戏是用JQuery编写的，所以如果我需要在那里添加一些逻辑偏移或一些蹩脚的错误，那就这样吧。理想情况下，我希望这是一个CSS修复。谢谢！