如何禁用 contenteditable div 中的元素选择和调整大小？

31 浏览2023年6月2日

匿名的 2023年6月2日

0 Comments

例如，我有以下的布局：

   
      名称

那么，如何禁用这个：

显示图像描述

和这个：

显示图像描述

如何在Zurb Foundation中固定fieldset的宽度和高度？

如何使用jQuery禁用文本选择？

如何禁用textarea的resizable属性？

禁用HTML元素上的拖放功能？

阻止contenteditable在按下ENTER键时添加

标签 - Chrome

在contentEditable元素中是否有可能禁用或控制“commands”？

如何从文本区域元素中删除缩放角落？

如何禁用在div内点击

contenteditable single-line input

阻止HTML中的选择。

最简单的方法是如何禁用/启用按钮和链接（jQuery + Bootstrap）

如何禁用所有div内容

使HTML文本不可选择

使文本无法复制HTML

尝试从文本框中移除可调整大小的属性。

JavaScript: 禁用通过双击选择文本

如何禁用DIV元素及其内部的所有内容

如何禁用

的调整大小把手？[重复]</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-467794" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/467794/" rel="bookmark" title="使SVG文本不可选择">使SVG文本不可选择</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-458202" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/458202/" rel="bookmark" title="删除元素上的样式">删除元素上的样式</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                </div>
		</div>
				<aside class="col-12 col-xl-3 mt-5 mt-xl-0">
			<div class="ap-question-info">
				<div id="ap_search_widget-2" class="ap-widget-pos widget_ap_search_widget">
<form id="ap-search-form" class="ap-search-form" action="https://it.jidaohang.com/">
    <div class="input-group">
	<input type="text" class="form-control autocomplete-questions" placeholder="搜索问题..." name="s" />
	<input type="hidden" name="post_type" value="question" />
        <div class="input-group-append"> 
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </div>
    </div>
</form>
</div>			</div>
		</aside>
		
	</div>
</div>
</div>            <div class="clearfix"></div>
            </div>
</main>

<div class="clearfix"></div>
<footer id="scisco-footer">
            <div id="footer-widgets">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-lg-4 mb-5 mb-lg-0">
    <div id="media_image-1" class="widget_media_image scisco-widget"><img width="482" height="128" src="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png" class="image wp-image-10050 scisco-footer-logo attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png 482w, https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929-300x80.png 300w" sizes="auto, (max-width: 482px) 100vw, 482px" /></div><div id="text-2" class="widget_text scisco-widget">			<div class="textwidget"><p>Lorem ipsum dolor sit amet, libero adipiscing elit. Donec et lacus ut quam ullamcorper aliquet id et sem. Neque tincidunt, ac pulvinar metus.</p>
<p><a href="https://info.newpay.ai">newpay</a></p>
</div>
		</div></div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0">
    </div>
<div class="col-12 col-lg-4">
    </div>
 
            </div>
        </div>
    </div>
                <div id="scisco-footer-bottom">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                                        <p>Copyright 2023 | <a href="http://www.beian.miit.gov.cn">浙ICP备19008543号-1</a></p>                                    </div>
                <div class="col-12 col-md-6 mt-3 mt-md-0">
                                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    </footer>
</div>
<div id="scisco-gototop" data-toggle="tooltip" data-placement="top" title="Go to Top">
    <i class="fas fa-arrow-up"></i>
</div>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/jquery/jquery.form.min.js" id="jquery-form-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/underscore.min.js" id="underscore-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/backbone.min.js" id="backbone-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/lib/selectize.min.js" id="selectize-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/common.js" id="anspress-common-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/question.js" id="anspress-question-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/ask.js" id="anspress-ask-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/list.js" id="anspress-list-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/notifications.js" id="anspress-notifications-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/templates/js/theme.js" id="anspress-theme-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shCore.js" id="syntaxhighlighter-core-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shAutoloader.js" id="syntaxhighlighter-autoloader-js"></script>
<script type="text/javascript" id="syntaxhighlighter-js-before">
/* <![CDATA[ */
			aplang = aplang||{};
			aplang.shLanguage = '语言';
			aplang.shInline = '是内联的吗？';
			aplang.shTxtPlholder = '在此处插入代码段...';
			aplang.shButton = '插入编辑器';
			aplang.shTitle = '插入代码';

如何禁用 contenteditable div 中的元素选择和调整大小？

0 答案