Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery提前知道目标事件_Javascript_Jquery_Javascript Events_Event Handling - Fatal编程技术网

Javascript 如何使用jquery提前知道目标事件

Javascript 如何使用jquery提前知道目标事件,javascript,jquery,javascript-events,event-handling,Javascript,Jquery,Javascript Events,Event Handling,我有一个表单,它有两个textarea和butttons事件focusout处理所有textarea。当用户在任何文本区域中键入内容,然后单击保存按钮时,只要单击事件触发按钮,我就会面临这个问题,但单击事件触发按钮不起作用。以下是我对文本区域的关注 $(document).on("focusout", ".fn-enlargeTextarea", function() { // wants to capture cause event of focusout and fire afte

我有一个表单,它有两个
textarea
butttons
事件
focusout
处理所有
textarea
。当用户在任何
文本区域
中键入内容,然后单击
保存按钮
时,只要
单击
事件触发按钮,我就会面临这个问题,但单击事件触发按钮不起作用。以下是我对
文本区域的关注

$(document).on("focusout", ".fn-enlargeTextarea", function() {
     // wants to capture cause event of focusout and fire after focusout.
     var optionNumber = ($(this).attr('id').replace('1option','')).trim();
     $('#1option'+optionNumber+'_counter').remove();
     $(this).removeClass('textarea-height01').addClass('textarea-height02');     
});
我只是提前知道,如何知道文本区域上focusout事件的起因,以便在focusout事件消耗后立即触发目标事件。提前准备好

这是表单中的按钮

                      <form id="dataPost">
                       <c:forEach items="${forumOptions}" var="option" varStatus="loop">
                                              <div class="radio m-b-15">
                                                  <label class="primary-radio row width03" for="option01-01">
                                                      <span class="primary-radio-blue col-xs-1 text-right margin-top-1">
                                                       <c:out value="${forumOptions[loop.index]}"></c:out>.</span> 
                                                      <span class="col-xs-11">
                                                          <textarea name="pollQuestionList[0].pollOptionList[${loop.index}].optionText"  id="1option${loop.index+1}" class="form-control fn-input-text fn-input-options textarea-height02"  ></textarea>
                                                      </span>
                                                  </label>
                                              </div>
                                              </c:forEach>
                      <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-dark-black cus-btn btn-preview" id="poll-save-and-preview">Save &amp; Preview</button>
                      <button type="button" class="btn btn-dark-black cus-btn" id="poll-save"> Save</button>
                      <button type="button" class="btn btn-dark-black cus-btn" id="poll-close"> Close</button>
                      <button type="button" class="btn  btn-warning  btn-font cus-btn-pad lpopup" id="poll-publish"> Post</button>
                    </form>

. 
储蓄及;预览
拯救
接近
邮递

请为“点击”按钮添加代码,或者添加一些HTMLI类名称,我想这会调整文本区域的大小吗?这是一个由来已久的问题:用户输入文本,他们“单击”按钮,但按钮在单击过程中移动,因此“单击”的鼠标向上部分不再位于按钮=无单击事件上方。单击=“在预定的时间长度内按下鼠标+向上移动鼠标”。当按钮移动时,没有鼠标,因此没有点击。@freedomn-m请查看图像编辑。我认为更相关的代码应该是textarea-height01和textarea-height02的定义。如果按tab键将焦点调出文本区域,然后单击按钮,会怎么样?