如何解决onclick 甚至而不是使用按钮
对于了解 JS 的人来说可能是简单的答案,但我无法弄清楚。
目前的情况是我用一个按钮触发了一个表情窗口,如下所示:
<button><i class="fas fa-smile"></i></button>
<script>
new FgEmojiPicker({
trigger: ['button'],position: ['top','right'],emit(obj,triggerElement) {
const emoji = obj.emoji;
document.querySelector('textarea').value += emoji;
}
});
</script>
这是有效的,但缺点是我的笑脸图标周围有一个按钮 - 当然有意义,因为我使用的是 <button>
。
有没有办法在没有按钮的情况下触发这个?类似的东西:
<a href="#" id="myemoji" onclick="FgEmojiPicker"><i class="fas fa-smile"></i></a>
解决方法
您没有理由使用“onclick”或其他类型的 javascript 事件。而不是使用这个事件(onclick="FgEmojiPicker"),你必须插入你想要运行 emojiPicker 函数的元素的选择器,此时 - 'myemoji'。它应该是这样的 -
<a href="#" id="myemoji"><i class="fas fa-smile"></i></a>
<script>
new FgEmojiPicker({
trigger: ['#myemoji'],position: ['top','right'],emit(obj,triggerElement) {
const emoji = obj.emoji;
document.querySelector('textarea').value += emoji;
}
});
因此,您正在执行此操作而不是此事件 'onclick="FgEmojiPicker"' - 触发器:['#myemoji']。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。