JSFiddle - React, Tailwind, and code Playground

by Mohamed Farouk

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://underscorejs.org/underscore.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<title>test trigger</title>
<body>
    <div id='content'>
        <input id='myInputText' type='text' />
    </div>
</body>

JavaScript

var txtInput = Backbone.View.extend({
    events:{
        'click': 'clicked'
    },
    initialize: function () {
    },

    render: function(){
        return this;
    },
    
    clicked: function(){
        alert('test');
        this.$el.trigger('customClicked');
    }
});

var mainView = Backbone.View.extend({
    inputFld: null,
    events: {
        'customClicked #myInputText':'myCustomClicked'
    },
    initialize: function () {
        this.inputFld = new txtInput({el:'#myInputText'});
    },

    render: function () {
        
    },
    
    myCustomClicked: function(){
        alert('myCustomClicked');
    }
});

var myView = new mainView({el:'#content'});