单击bootstrap模态背景时触发单击事件

Question

我有以下twitter bootstrap模式，我已将背景设置为静态，当用户点击模态背后的背景时，我无法弄清楚如何触发点击事件。

  <div class="modal fade" id="add-stations" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <form id="new-station-form" data-companyid="<%= @company.id %>" data-channelid="<%= @channel.id %>" data-channelname="<%= @channel.name %>">
            <div class="modal-header channel-header">
              <h4 class="modal-title" id="myModalLabel">INGEST YOUR SELECTED CHANNELS</h4>
            </div>
            <div class="modal-body">
              <%= render partial: "shared/new_station", locals: { channel_name: @channel.name, stations: @station_unselected }   %>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>