X-editable防止焦点输出框的默认行为关闭

时间:2017-04-22 09:11:04

标签: javascript jquery x-editable

当焦点更改为其他内容时,如何阻止关闭x-editable输入框的默认行为?

我的要求是保持输入框打开,直到点击勾选或交叉按钮为止。

1 个答案:

答案 0 :(得分:5)

我相信您正在寻找{onblur: "ignore"}

来自documentation

  

用户点击容器外部时的操作。可以是cancel|submit|ignore
  设置ignore允许打开几个容器。

请参阅this fiddle或以下演示。



$(function() {

  $.fn.editable.defaults.mode = 'inline';
  $('#publicname-change').editable({ onblur:"ignore"})

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<script src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"/>
<link href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet"/>


<div class="control-group control-group-inline">
  <div class="controls">
    <a href="#" id="publicname-change" class="editable editable-click inline-input">Mr.Rohith</a>
  </div>
</div>
&#13;
&#13;
&#13;