当我将鼠标悬停在我的盒子上时，如何让我的光标变成一个指针（指针）？答案

【问题标题】：How do I have my cursor become a pointer (pointer-finger) when I hover over my box?当我将鼠标悬停在我的盒子上时，如何让我的光标变成一个指针（指针）？
【发布时间】：2020-01-14 01:31:55
【问题描述】：

<script type="text/javascript">
function draw() {
var canvas = document.getElementById('Background');
if (canvas.getContext) {
var ctx = canvas.getContext('2d'); 

ctx.lineWidth = 0.4
ctx.strokeRect(15, 135, 240, 40)

所以我希望鼠标悬停在这个简单的直线矩形上时变成指针。我该怎么做？

【问题讨论】：

只需将 css 与 :hover 伪类和 cursor: pointer; 一起使用
@ValentinDuboscq 他说的是把一只手放在一个用画布绘制的矩形上。 CSS 在这里无济于事。我个人会使用 SVG，然后你可以再次使用 CSS。
也许 this 会有所帮助
@ValentinDuboscq 是的，这就是操作所遇到的问题，.. 我将该链接标记为骗子..
这能回答你的问题吗？ Update HTML5 canvas rectangle on hover?

标签： javascript html css

【解决方案1】：

hover() 方法指定当鼠标指针悬停在选定元素上时要运行的两个函数。

此方法同时触发 mouseenter 和 mouseleave 事件。句法： $(selector).hover(inFunction,outFunction)

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_hover

【讨论】：

这和CSS有同样的问题，目标是canvas元素，而不是canvas上绘制的矩形..