处理'img'click事件,并使用jQuery将'alt'属性插入文本框

Bra*_*ler 2 javascript ajax jquery emoticons

我正在使用PHP和jQuery创建一个Web聊天页面,并添加了表情功能,除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);
    });
});
Run Code Online (Sandbox Code Playgroud)

我应该怎么做呢?

我正在使用的jQuery版本是1.3。

iam*_*eed 5

尝试更改:

var emotiText = event.target.attr("alt");
Run Code Online (Sandbox Code Playgroud)

至:

var emotiText = $(event.target).attr("alt");
Run Code Online (Sandbox Code Playgroud)

将来当您陷入困境时,请检查控制台是否有错误。

  • 我经常在控制台始终打开的情况下进行开发。很高兴我可以提供帮助。 (2认同)