鼠标移动事件需要点击一次才能触发,如何省去点击步骤,初始化直接触发

var oldTitle = '触发事件';

$('td').bind('mouseover mouseout mousemove', function(event) {

var left = event.pageX;

var top = event.pageY;

var ele = event.target;

var title = ele.title;

var type = event.originalEvent.type;

if (type == 'mouseover') {oldTitle = title;ele.title = '';console.log(title);

if (title.length != 0) {var showEle = $('', {text: title,class: 'showTitleBox'}).css({position: 'absolute',

top: top + 20,

left: left,

border: '1px solid #50B7CA',

// 边框

borderRadius: '5px',   

// 边框圆角

background: "#50B7CA",    

  // 背景色

fontFamily: 'SimHei',      

// 字体

fontSize: '15px',          

  // 字体大小c

olor:'white'})showEle.appendTo('body');

}}

else if (type == 'mouseout') {

ele.title = oldTitle;

$('.showTitleBox').remove();

} else if (type == 'mousemove') {

$('.showTitleBox').css({top: top + 10,left: left})

}})

我啥都不会 发布于 2021-5-20 09:29 (编辑于 2021-5-21 15:32)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
jongwangLv6中级互助
发布于2021-5-24 10:29(编辑于 2021-5-24 10:30)

https://bbs.fanruan.com/thread-134164-1-1.html

之前搞过一个这个,你看下是不是想要的效果

最佳回答
0
luojian0323Lv7资深互助
发布于2021-5-20 16:55(编辑于 2021-5-20 16:55)

你啥都不会,还搞这么复杂的JS

你想要什么样的效果啊?

鼠标悬浮变色,帮助文档里都有的。

  • 我啥都不会 我啥都不会(提问者) 不是,自定义内容提示啊,就是不会才问啊,经验总得积累吧
    2021-05-21 15:03 
  • luojian0323 luojian0323 回复 我啥都不会(提问者) 这个代码是谁给你的,或者你在哪见到的。 我拿过来也是执行不了。
    2021-05-21 15:08 
  • 我啥都不会 我啥都不会(提问者) 这个是我百度的js然后改的啊,但是需要点击一下后,才能实现鼠标悬停弹出内容提示
    2021-05-21 15:10 
  • 我啥都不会 我啥都不会(提问者) 回复 luojian0323 百度的,能实现,需要点击一次
    2021-05-21 15:10 
  • 3关注人数
  • 650浏览人数
  • 最后回答于:2021-5-24 10:30
    请选择关闭问题的原因
    确定 取消
    返回顶部