如何通过js实现添加事件监听和移除事件监听
发布于 8 年前 作者 guopengfeiheze 5585 次浏览 最后一次编辑是 7 年前 来自 问答

我想实现如下功能,本来一个HTMl的标签上是没有当鼠标滑过时触发js函数的事件,但是当点击了一个按钮之后,这个按钮触发的js会给那个HTML标签添加上鼠标滑过的事件,这个应该如何实现?

还有一个问题就是我想实现当鼠标停在某个组件上时,这个组件上会浮起一个提示信息,我写的代码可以实现鼠标停在这里就会出现提示信息,但是那个提示信息的位置却是不动,也就是它只在固定的位置出现,如何实现让这个提示信息在鼠标停留的位置出现?

我第二个问题的代码如下,请大神们给看看如何修改: 1.png

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:…},

回到顶部