2017-03-26 19 views
-2

は、このコードを入力押してタグを追加する(その):イベントのクリックを確認するにはどうすればよいですか?

Start.StartPostModal = TD.Views.Modal_Box.extend({ 
    events: { 
     'keypress input#post_tags' : 'onAddTags', 
    }, 

    /** 
    * add tags 
    */ 
    addTags: function(tags) { 

    }, 

    /** 
    * catch event user enter in tax input 
    */ 
    onAddTags: function(event) { 
     var val = $(event.currentTarget).val(); 
     console.log('keypress'); 
     if (event.which == 13) { 
      this.addTags(val); 
     } 
     return event.which != 13; 
    } 
}); 

がどのようにボタンをクリックして作業することができますか?イベントのクリックを追加して多くのソリューションを試しましたが失敗しました。

+0

ライブラリを使用していますか?いくつかの詳細が欠落しているようです。どのボタンをクリックしますか?実際に何をしようとしていますか? click on addTagsを実行しますか? –

+0

@JamesGanongイベントをチェックすると、私はkeypressを入力すれば新しいタグを追加します。ボタンをクリックすると新しいイベントを追加する必要がありますので、タグも追加する必要があります。 – Mark

+0

答えを得るのに十分な情報(コード)を与えていないので、人々はあなたの質問を投票しています。できるだけ多くの関連情報で質問を更新し、お手伝いできるようにしてください。ちょうどあなたにお知らせしたいと思った –

答えて

1

現在の動作は少し不明です。だから、私はここで仮定の束を作ってるんだが、ここでアイデアです:

Start.StartPostModal = TD.Views.Modal_Box.extend({ 
    events: { 
     'keypress input#post_tags' : 'onAddTags', 
     'click #myButton' : 'onAddTagsClick', 
    }, 

    /** 
    * add tags 
    */ 
    addTags: function(tags) { 

    }, 

    /** 
    * catch event user enter in tax input 
    */ 
    onAddTags: function(event) { 
     var val = $(event.currentTarget).val(); 
     console.log('keypress'); 
     if (event.which == 13) { 
      this.addTags(val); 
     } 
     return event.which != 13; 
    }, 

    onAddTagsClick: function(event) { 
     event.preventDefault(); 
     this.addTags($('input#post_tags').val()); 
    } 

}); 

仮定:

  • クリックするボタンは、あなたがaddTagsを実行したいmyButton
  • のIDを持っていますidがpost_tags
  • onAddTagsClickinputの値は、使用されているライブラリ/プラグイン/モジュールに基づいて何も返す必要はありません。
  • これには、私が想定している方法でイベントを追加することができます...
+0

それはうまく働いていますありがとう:) – Mark

関連する問題