如何通过js实现添加事件监听和移除事件监听
我想实现如下功能,本来一个HTMl的标签上是没有当鼠标滑过时触发js函数的事件,但是当点击了一个按钮之后,这个按钮触发的js会给那个HTML标签添加上鼠标滑过的事件,这个应该如何实现?
还有一个问题就是我想实现当鼠标停在某个组件上时,这个组件上会浮起一个提示信息,我写的代码可以实现鼠标停在这里就会出现提示信息,但是那个提示信息的位置却是不动,也就是它只在固定的位置出现,如何实现让这个提示信息在鼠标停留的位置出现?
我第二个问题的代码如下,请大神们给看看如何修改:
4 回复
1.按照题住的要求,用原生的js注册时间和添加事件 就是addEventListener(),和removeEventListener() ; 附上w3c链接http://www.w3cschool.cc/js/js-htmldom-eventlistener.html
2.第二个问题和前端布局有一些关系。提示信息元素的CSS的 position: absolute; 然后就是改变提示信息元素CSS属性就可以 了
鼠标的位置可以由event对象获取,
onclick = "eventHandel(event, ...)"
function eventHandel(event, ...){
var x = event.PageX,
y = event.PageY;
}
然后再改变提示信息的css位置{left:…; top:…},
@SevenSharp 正解~