我在我的PHP頁面的代碼:如何在jquery上使用'onkeydown'和'onclick'?
<div id="chatarea">
<div id="jqarea">
<div class="chatboxcontent"></div>
</div>
</div>
<div class="chatbox">
<p>
<input type="text" name="digit" id="digit" size="50" onkeydown="javascript:checkChatBoxInputKey(event,document.getElementById('digit').value,'<?php echo $cuser ?>')" />
</p>
<p>
<button class="btn" title="send" type="button" onclick="filltxtarea(document.getElementById('digit').value,'<?php echo $cuser ?>')">
<span>Send</span>
</button>
</p>
</div>
在我的JavaScript文件,我有這樣的功能:
function filltxtarea(desctext, uchat) {
$(".chatboxcontent").append('<div class=chatboxmessage><span class="chatboxmessagefrom">' + uchat + ': </span><span class="chatboxmessagecontent">' + desctext + '</span></div>');
$('#digit').val('');
$('#digit').focus();
alert("ok2");
jQuery.ajax({
type: 'POST',
url: 'chat.php',
dataType: 'json',
data: {
"newrow": "desctext"
},
success: function(response) {
alert(response);
}
})
}
function checkChatBoxInputKey(event, desctext, uchat) {
if (event.keyCode == 13 && event.shiftKey == 0) {
alert("ok1");
filltxtarea(desctext, uchat);
}
}
代碼工作爲onclick
,但我與onkeypressdown
一個問題。當我使用Enter
鍵時,它將在聊天區域中寫入,但完成後,filltxtarea
函數將刪除chatboxcontent文本。爲什麼會發生?
確保您的代碼格式良好,因此受訪者可以輕鬆閱讀。請注意,您在此處使用'javascript',而不是'java'(如您最初所寫)。 –