处理'img'单击事件并使用jQuery将'alt'属性插入到文本框中

时间:2012-09-07 02:12:07

标签: javascript jquery ajax emoticons

我正在使用PHP和jQuery创建一个网页聊天页面,我正在添加一个表情符号功能,除了jQuery部分外,一切都已完成。我的问题是,当我点击表情符号图像时,我没有收到点击事件。在处理程序中,它应该获取当前消息值,从'alt'属性获取表情符号的文本版本,并将文本框值设置为其先前值+附加的表情符号文本。

以下是我的尝试:

(每个按钮显示如下:<img class="embtn" src="emoticons/happy.gif" alt=":)" />

$(document).ready(function(){
    // Insert Emoticon
    $(".embtn").click(function(event){
        var prevMsg = $("#usermsg").val();
        var emotiText = event.target.attr("alt");
        $("#usermsg").val(prevMsg + emotiText);
    });
});

我该怎么做呢?

我使用的jQuery版本是1.3。

1 个答案:

答案 0 :(得分:5)

尝试更改:

var emotiText = event.target.attr("alt");

为:

var emotiText = $(event.target).attr("alt");

将来检查控制台是否有难过的错误。