动态追加循环的span,怎样设置点击事件,每个id不能一样。

动态追加循环的span,怎样设置点击事件,每个id不能一样。,第1张

直接在span中添加onclick事件

类似于

<span onclick='spanclick(this)'></span>

在页面本身或者引用的js文件中添加js方法

function spanclick(obj){

//方法体

}

你这样是无法触发click事件的,原因是span是内联元素,自身大小根据内容而变化,没内容就没大小,更不可能被click;

解决方法很简单:

1、span中添加内容,例如<span class="1">内容</span>

2、定义span的display属性为block或inline-block,并定义大小例如:<style>标签中加入 .1{display:blockwidth:50pxheight:50px}

你可以结合 onselectstart和onmouseup这两个事件监听鼠标动作 。

致于插入span,可以使用:

var o = event.target || event.srcElement

来获得选中的文本所在的位置入的DOM,在这个DOM后面添加span标签就可以了。

你可以借助脚本框架来实现,例如JSer, jQuery等 都可以。


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

原文地址: https://outofmemory.cn/bake/11529703.html

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

发表评论

登录后才能评论

评论列表(0条)

保存