gpt4 book ai didi

javascript - 禁用自动生成的选择标签中的双击

转载 作者:行者123 更新时间:2023-12-03 02:43:58 24 4
gpt4 key购买 nike

您好,我已经成功创建了一个选择字段,它看起来与我的 html 页面中的 django admin Manytomany 字段完全相同 EXAMPLE 。但现在我想从此字段禁用双击功能,我已经尝试了本网站之前提出的问题中的十几种方法,并且我已经禁用了整个页面双击功能,但我仍然能够双击,可以有人帮我解决这个问题,谢谢,下面是我的代码:

html:

 <div class="field">
<select name="settings-user" id="id_settings-user" multiple="multiple" class="selectfilter" data-field-name="User" data-is-stacked="0">
<option value={{ form.user }}</option>
</select>
</div>

JavaScript:

<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/third_party/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/static/admin/js/SelectBox.js"></script>
<script type="text/javascript" src="/static/admin/js/SelectFilter2.js"></script>

<script>
$(document).ready(function(){
$("#id_settings-user").dblclick(function(e){
e.preventDefault();
});
});
</script>

页面加载时:

<div class="selector-chosen">
<h2>Chosen User </h2>
<select id="id_settings-user_to" multiple="multiple" size="0" name="settings-user" class="filtered">
<option value="1" title="Person A">Person A</option>
<option value="2" title="Person B">Person B</option>
</select><a href="#" id="id_settings-user_remove_all_link" class="selector-clearall active">Remove all</a>
</div>

最佳答案

如果您正在使用动态生成的 html 标签,那么您应该使用 document 选择器和 on() 方法,请看一下以下示例:

$(document).ready(function() {
$(document).on("dblclick", "*", function(e) {
console.log("Console log before disable dbclick")
return false
console.log("Console log after disable dbclick")
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="field">
<select name="settings-user" id="id_settings-user" multiple="multiple" class="selectfilter" data-field-name="User" data-is-stacked="0">
<option>Value 1</option>
<option>Value 2</option>
<option>Value 3</option>
<option>Value 4</option>
<option>Value 5</option>
</select>
</div>
<div class="selector-chosen">
<h2>Chosen User </h2>
<select id="id_settings-user_to" multiple="multiple" size="0" name="settings-user" class="filtered">
<option value="1" title="Person A">Person A</option>
<option value="2" title="Person B">Person B</option>
</select><a href="#" id="id_settings-user_remove_all_link" class="selector-clearall active">Remove all</a>
</div>
</body>

关于javascript - 禁用自动生成的选择标签中的双击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48185507/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com