Question

我对CSS和HTML很陌生，我在这里遇到一个非常奇怪的问题，我的html文本区域如下所示。

<div class="ContentBox BPMSectionBody LastContentBox noHeader" id="div_3_1_1_2_11_1_1_1_1_1_1_10_1" data-view-managed="false">

  <div class="Text_Area fullWidthTextArea CoachView CoachView_hidden CoachView_show" id="div_3_1_1_2_11_1_1_1_1_1_1_10_1_1" data-eventid="" data-viewid="Text_Area8" data-config="config99" data-bindingtype="String" data-binding="local.userAction.comments"
  data-type="com.ibm.bpm.coach.Snapshot_7a0c03cc_ccef_4582_a1bc_7ccc8e9be488.Text_Area">

    <div class="textLabel">
      <label class="text controlLabel" id="div_3_1_1_2_11_1_1_1_1_1_1_10_1_1_label">Enter Cancellation Comments</label>
      <div class="coachValidationDiv">
        <img class="coachValidationImg smallImg CoachView_hidden" role="alert" alt="Error" src="/teamworks/webasset/2064.7a0c03cc-ccef-4582-a1bc-7ccc8e9be488/W/Error_icon_24x24.png">
        <span class="coachValidationText" style="visibility: hidden;">!</span>
      </div>
    </div>
    <textarea tabindex="0" class="dijitTextBox dijitTextArea dijitExpandingTextArea BPMTextAreaFont" id="dijit_form_Textarea_16" aria-labelledby="div_3_1_1_2_11_1_1_1_1_1_1_10_1_1_label" style="-ms-overflow-x: auto; -ms-overflow-y: hidden; box-sizing: border-box;"
    rows="1" data-dojo-attach-point="focusNode,containerNode,textbox" widgetId="dijit_form_Textarea_16" autocomplete="off" value=""></textarea>
  </div>
</div>

按钮如下：

<div class="Button pageFlowButton CoachView CoachView_show" id="div_3_1_1_2_12_1_2" data-eventid="boundaryEvent_17" data-viewid="Button10" data-config="config83" data-bindingtype="" data-binding="" data-type="com.ibm.bpm.coach.Snapshot_7a0c03cc_ccef_4582_a1bc_7ccc8e9be488.Button">
  <button class="BPMButton BPMButtonBorder" type="button">Continue With Selected Action</button>
</div>

当我开始在textarea中输入并且我的光标仍然在textarea中并且我第一次点击按钮而不是采取行动时，文本区域变得集中。当我第二次点击按钮时它工作正常。

任何人都可以帮忙，这可能是什么原因？

Answer 1

如果你使用的是jQuery，我想你应该使用：

$('.Text_Area').click(function(noFocus){
  noFocus.preventDefault();
});

当我点击一个按钮时，焦点转到文本区域

1 个答案: