jquery创建div并绑定onmousedown方法

jquery创建div并绑定onmousedown方法,第1张

那个。。

在动态向DOM中添加元素的时候,不可以使用标签的方式绑定事件

因为标签绑定事件是在页面加载的时候处理的,而你动态添加的元素在页面加载的时候并不存在,更不要说读取标签绑定事件了。

这里,既然你用到了jquery,为什么不用jquery的方式去绑定事件呢?

div.attr("onmousedown","moveInit(this,event)")

div.attr("onmousemove","Move(this,event)")

div.attr("onmouseup","stopMove()")

div.attr("onmouseout","stopMove()")

这一段,改为:

// 由于目标函数需要参数,所以这里使用匿名函数来调用

div.mousedown(function(event){

    moveInit(this,event)

})

div.mousemove(function(event){

    Move(this,event)

})

div.mouseup(stopMove)

div.mouseout(stopMove)

方法1:

把<select/>放在<span/>内, 布局样式时,<span/>和<select/>要无缝连接, 如果你的<span/>背景是空的, 恭喜你, 只要鼠标一离开文字, 就会触发 mouseout, 最好用图片或背景色把<span/>填满...<select/>显示时,刚好在<span/>的边沿, 鼠标一移出<span/>就是<select/>, 因为<select/>是在<span/>内的, 所以还保持着<span/>的 mouseover 状态.

方法2:

鼠标移出时使用时间延时

<span id="b" onmouseout="var iTO = setTimeOut(remove('b'),500)">

<select/>要添加mouseover 和 mouseout处理:

<select onmouseover="clearTimeOut(iTO)" onmouseout="remove('b')" ></select>

方法,<select/>可随便放, 只要鼠标离开<span/>0.5秒内(500ms) 移到<select/>, 就不会触发 remove('b')

请参考


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7837644.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-10
下一篇2023-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存