html5的鼠标悬浮事件,HTML5 Canvas鼠标悬停在画布上的事件

您需要使用JavaScript来创建一个鼠标悬停事件......看看这个例子

function RefreshMouseEvents(ElementId)

{

FireEvent(ElementId, 'mouseover');

setTimeout("TriggerMouseEvent('" + ElementId + "', '" + event.clientX + "', '" + event.clientY + "')", 1);

}

function TriggerMouseEvent(ElementId, MouseXPos, MouseYPos)

{

if(IsMouseOver(ElementId, (1*MouseXPos), (1*MouseYPos)))

FireEvent(ElementId, 'mouseover');

else

FireEvent(ElementId, 'mouseout');

}

function IsMouseOver(ElementId, MouseXPos, MouseYPos)

{

if(document.getElementById(ElementId) != null)

{

var Element = document.getElementById(ElementId);

var Left = Element.getBoundingClientRect().left,

Top = Element.getBoundingClientRect().top,

Right = Element.getBoundingClientRect().right,

Bottom = Element.getBoundingClientRect().bottom;

return ((MouseXPos >= Left) && (MouseXPos <= Right) && (MouseYPos >= Top) && (MouseYPos <= Bottom))

}

else

return false;

}

function FireEvent(ElementId, EventName)

{

if(document.getElementById(ElementId) != null)

{

if(document.getElementById(ElementId).fireEvent)

{

document.getElementById(ElementId).fireEvent('on' + EventName);

}

else

{

var evObj = document.createEvent('Events');

evObj.initEvent(EventName, true, false);

document.getElementById(ElementId).dispatchEvent(evObj);

}

我已经包含一些链接教程初学者以下。请标记此答案，如果你觉得有帮助。

html5的鼠标悬浮事件,HTML5 Canvas鼠标悬停在画布上的事件相关推荐

php鼠标悬浮显示,CSS3实现鼠标悬停显示扩展内容
本文给大家分享css3代码实现鼠标悬停显示要扩展的内容,在空间过于拥挤时需要隐藏部分内容使用此功能比较好,下面小编给带来了具体实现代码,一起看看吧我们在做导航标签的时候,有时会出现空间过于拥挤需要隐 ...
html 多选框点击事件,jquery/javascript:单击复选框上的事件和“checked”属性
代码: $('input.media-checkbox').live('click', function(e){ e.preventDefault(); var that = $(this); if ...
鼠标悬浮选中单选按钮事件
鼠标悬浮事件 onmouseover 鼠标悬浮单选框就选中鼠标悬浮显示注释框鼠标悬浮单选框就选中 <el-radio-group v-model="algorithmRadio&q ...
Winform中设置ZedGraph鼠标悬浮显示线上的点的坐标并自定义显示的内容
场景 Winform中设置ZedGraph鼠标悬浮显示距离最近曲线上的点的坐标值和X轴与Y轴的标题: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article ...
鼠标悬浮效果：css:hover；js:mouseover,mouseout
目录一.css样式实现二.js实现一.css样式实现 1.xxx:hover 只能生成css可以控制的样式效果 <style>div:hover{color:red;} </s ...
layui动态生成的手风琴实现默认第一个展开+鼠标悬浮展开
嘿嘿嘿,我百度了一下,发现没有这个玩意,作为小白白的我自己摸索着成功实现了,今日好开心-耶耶耶! 首先,我是从数据库提取数据,在前端用foreach循环展示,但是,循环出来的都是统一样式,要不都是展开 ...
html画布图片不显示_如何在HTML5画布上显示图像
html画布图片不显示 by Nash Vail 由Nash Vail Ok, so here's a question: "Why do we need an article for th ...
HTML5 Canvas鼠标与键盘事件
演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...
html5鼠标事件监听,HTML5 Canvas鼠标与键盘事件
演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

html5的鼠标悬浮事件,HTML5 Canvas鼠标悬停在画布上的事件

html5的鼠标悬浮事件,HTML5 Canvas鼠标悬停在画布上的事件相关推荐

最新文章

热门文章