試圖在JavaScript中更改光標
[英]trying to change cursor in javascript
問題描述
我想要一個Javascript函數，當單擊按鈕時將光標更改為png圖像。 這是我一直在html和javascript中使用的代碼，但是顯然它不起作用，有人可以幫助我嗎？
<form>
<input type="button"
onclick="changeCursor()"
value="click here"
/>
</form>
...
function changeCursor() {
cursor.style = "myImage.png"
}
3 個解決方案
解決方案1
2 2014-12-08 23:10:15
單擊按鈕后，添加cursor屬性。
var btn = document.getElementById('btn'); btn.addEventListener('click', function() { document.body.style.cursor = 'url(http://dummyimage.com/40x40/000/fff), auto'; })
html, body { width: 100%; height: 100%; background-color: coral; margin: 0 auto; }
<input id="btn" type="button" value="click here" />
解決方案2
0 2014-12-08 23:10:17
如果願意，也可以使用JQuery：
HTML：
<form>
<input type="button" value="click here" />
</form>
CSS：
body.newcursor
{
cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), auto;
}
jQuery的：
$(document).ready(function(){
$('input').click(function(){
$('body').addClass('newcursor');
});
});
解決方案3
0 2014-12-08 23:13:13
您可以通過將CSS設置為cursor: url(myImage.png), auto來影響cursor: url(myImage.png), auto 。 您可以將其分配給document.body.style ，但如果不小心，將覆蓋其中的所有內容。 更好的方法是將其分配給CSS類，並將該類附加到<body>元素。
更改Javascript中的游標類型
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.