jQuery阻止默认值，做点什么，停止传播

Question

在我的 rails 应用程序中，我试图允许用户在表单上用类别"标记"博客文章，方法是让用户在用户按空格键时将类别键入到text_field中分离(这有效！但是当我提交页面时，我希望抓取标签并将其插入回表单中，以便在页面提交时数据可以正确保留。点击侦听器仅在页面提交后立即执行......

var ready;
ready = function() {

function removeItem(event) {
  event.preventDefault();
  $(this).parent().remove();
} 
$( "#article_article_tags" ).keydown(function(e) {
  if(e.keyCode == 32){
    var tag = $( "#article_article_tags" ).val(); 
    $("#article-tags").append("<p class='new-tag'>" + tag + "<a class='remove' href='#'> x</a></p>"); 
    $( "#article_article_tags" ).val("")
  }
});
$("#article-tags").on('click', '.remove', removeItem)

$('.btn article-submit-button').click(function(event) {
     event.preventDefault(); 
     $( "#article_article_tags" ).val($('.new-tag').text()); 
     event.stopPropagation(); 
  });

};

$(document).on('page:change', ready);

Answer 1

也许您寻找submit而不是click事件，然后更改：

$('.btn article-submit-button').click(function(event) {

自：

$('#your_form').submit(function(event) {