单击div外部时的ajax php帖子

单击div外部时的ajax php帖子,php,jquery,ajax,Php,Jquery,Ajax,我想在没有点击任何按钮而是在文本区域外点击的情况下将内容写入文本区域后发布。我如何才能做到这一点??我的代码 <form action="javascript:parseResponse();" id="responseForm"> <textarea align="center" name="post" id="post">Write something</textarea> <input type="button" id="submit" valu

我想在没有点击任何按钮而是在文本区域外点击的情况下将内容写入文本区域后发布。我如何才能做到这一点??我的代码

<form action="javascript:parseResponse();"  id="responseForm">
<textarea align="center" name="post" id="post">Write something</textarea>
<input type="button" id="submit" value="submit" />
</form>
我想删除按钮…当用户在文本区域外单击时,它将自动提交信息…文本区域外的整个身体将充当提交按钮…当用户在文本区域上写入任何信息时…我如何实现此目的???

尝试以下操作:

$(document).on("click", function(e) {
    var $target = $("#YOUR_ELEMENT");
    if ($target.has(e.target).length === 0) {
        your_submit_function();
    }
});
您还可以将提交功能附加到
blur
事件以改进功能:

$(document).on("click", function(e) {
    var $target = $("#YOUR_ELEMENT");
    if ($target.has(e.target).length === 0) {
        your_submit_function();
});

$("#YOUR_ELEMENT").on("blur", function() {
    your_submit_function();
});

您可以将单击处理程序附加到整个文档,然后如果用户在文本区域内单击,则取消事件。像这样的事情可能会奏效:

$( document ).on( "click", function( ev ) {
    if( $( ev.target ).index( $( "#post" )) == -1 ) {
    // User clicked outside the text area.
    }
} );

我使用类似于此的代码来完成基本相同的事情(当用户在某物外部单击时检查)。这是该代码的复制和粘贴(轻微修改),我还没有为您的目的进行测试。本质上,它为单击事件向整个文档添加了一个处理程序,然后仅在单击的元素不是您的textarea时执行代码。

是否执行
$('#post')。更改(…)
做您想做的事?确保您的用户知道将要发生什么-很容易意外或故意单击textarea,提交无意义的半书面文本。
$( document ).on( "click", function( ev ) {
    if( $( ev.target ).index( $( "#post" )) == -1 ) {
    // User clicked outside the text area.
    }
} );