如果單擊文本區域，如何提交表單

Question

我有一個包含三個 textarea 的表單。如果單擊 textarea 之一，我想提交我的表單。

<form action="" method="post">
  <div class="time">
    <div class="time-control">
      <div class="tcont-in">
        <p>Morning</p>
        <textarea name="time" id="foo" style="color: white; background-color: black; height:30px;position: absolute;left:608px" readonly>05PM-12PM</textarea>
      </div>
    </div>
    <div class="time-control">
      <div class="tcont-in">
        <p>Afternoon</p>
        <textarea name="time2" id="foo1" style="color: white; background-color: black; height:30px; position: absolute;left:608px" readonly>12PM-05PM</textarea>
      </div>
    </div>
    <div class="time-control">
      <div class="tcont-in">
        <p>Evening</p>
        <textarea name="time3" id="foo2" style="color: white; background-color: black; height:30px; position: absolute;left:608px" readonly>05PM-10PM</textarea>
      </div>
    </div>
  </div>
  <div class="check-control">
    <div class="pref-checkbox">
      <div class="checkbox-time">
        <input type="checkbox" value="No" id="checkboxFourInput" name="Preference" checked="" />
        <label for="checkboxFourInput"></label>
      </div>
      <h3>No Preference</h3> 
    </div>
  </div>
  <div class="">
    <button type="submit" name="submit" value="submit" class="btn-next">NEXT</button>
  </div>
  </div>
</form>

Answer 1

使用可用的submit()函數，您可以將click偵聽器附加到 textarea 並運行submit()函數。

document.getElementById("myTextAreaId").addEventListener("click", function () {
    document.getElementById("myForm").submit();
});

Answer 2

簡單地向所有文本框添加 onclick 或 onblur 事件

喜歡

$(document).ready(function() {
        $('.textboxClass').on('change click blur keyup', submitForm);           
    });

function submitForm(){
    $('#form').submit();
}

Answer 3

嘗試這個：

<form>
   <textarea class="messagearea">Write your message here...</textarea>
</form>

把它放在 JS 中：

$('.messagearea').keydown(function(event) {
    if (event.keyCode == 13) {
        $(this.form).submit()
        return false;
     }
}).focus(function(){
    if(this.value == "Write your message here..."){
         this.value = "";
    }

}).blur(function(){
    if(this.value==""){
         this.value = "Write your message here...";
    }
});

Answer 4

如果你不介意使用 JQuery，你可以使用這樣的東西：

$('textarea[id^="foo"]').on(
    'click',
    function()
    {
        $('button[type="submit"]').trigger('click');
    }
);