是否可以禁用右键单击iframe?我知道iframe中的文件可能存在于同一个域中,但是我想知道如果帧中的文件来自外部站点是否可以完成?
谢谢
我有一个内容可编辑的div,我希望点击编辑按钮,光标出现在div的开头,在它结束时出现的那一刻.
<li style="display: list-item;" class="menu-item" contenteditable="true">
<div class="">Dior<input type="checkbox" name="selected"></div>
<ol class="">
<li style="display: list-item;" class="menu-item">
<div class=""><a href="/portfolios/charlize-theron" class="" name="">Charlize-Theron</a>
<input type="checkbox" name="selected"></div>
</li>
<li style="display: list-item;" class="menu-item">
<div class=""><a href="/portfolios/natalie-portman" class="" name="">Natalie-Portman</a>
<input type="checkbox" name="selected"></div>
</li>
<li style="display: list-item;" class="">
<div class=""><a href="/portfolios/sharon-stone-1" class="" name="">Sharon-Stone</a>
<input type="checkbox" name="selected"></div>
</li>
</ol>
<a href="#" class="edit" style="opacity: 1; ">Edit</a></li>
Run Code Online (Sandbox Code Playgroud)
因此,当您在分钟点击编辑时,您必须使用箭头键返回到开始编辑Dior(这是唯一真正被编辑的东西).但我试图将内容可编辑的代码添加到div只有它不起作用.
这是我的一些jQuery
$(".edit").click(function(){
$(this).parent().children("div").focus(function(){
});
});
$(".edit").hover(function(){
$(this).css("opacity","0.5")
}, function(){
$(this).css("opacity","1")
});
$(".edit").parent().blur(function(){
var sortableList = $(".sortable").html();
$("#ItemDescription").val(sortableList);
});
function storeUserScribble(id) { …Run Code Online (Sandbox Code Playgroud) 我正在编写一个 WYSIWYG 编辑器(不能使用像 TinyMCE 这样的东西 - 必须自己编写代码),我希望用户能够通过在 HTML 中添加标签来将文本设置为粗体、下划线、链接等。我遇到的问题是,当用户选择可编辑 div 中的文本然后单击“粗体”按钮时,它无法找到选择,因为它已被取消选择,因为单击事件发生了。我怎么能阻止这个?有一个更好的方法吗?
我知道我们可以使用javascript来实现这一点,但是在Web浏览器中禁用javascript,用户可以轻松地复制文本.有没有办法使用CSS?
我在我的网站上使用JQuery Tinyscrollbar插件.由于我的具体要求,我做了一些小改动,使它同时适用于垂直和水平滚动条.
但是,我遇到的问题是,如果使用滚动条和光标滚动的用户在滑动时没有悬停在"拇指"元素上,则背景内容会突出显示,类似于单击并突出显示文本时所看到的内容或元件.
我怎样才能防止这种情况发生.谢谢.
我有这个 html 结构:
<ol class="linenums">
<li class="L0">
<code>
<span><!-- piece of code--></span>
</code>
</li>
</ol>
Run Code Online (Sandbox Code Playgroud)
在代码之前,有行号。通过选择代码,我使用这个 css 以便只选择代码而不是行号
ol.linenums li {
-user-select: none;
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
ol.linenums li code {
-user-select: all;
-webkit-user-select: all; /* Chrome/Safari */
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* IE10+ */
}
Run Code Online (Sandbox Code Playgroud)
在每个浏览器(IE、FF、Chrome、Opera)中,只选择代码。Safari 除外;根本不可能选择任何东西。
我怎样才能使这个工作适用于 Safari?
var down=false;
var scrollLeft=0;
var x=0;
$('#test').mousedown(function(e) {
down = true;
scrollLeft = this.scrollLeft;
x = e.clientX;
}).mouseup(function() {
down = false;
}).mousemove(function(e) {
if (down) {
this.scrollLeft = scrollLeft + x - e.clientX;
}
}).mouseleave(function() {
down = false;
});
Run Code Online (Sandbox Code Playgroud)
这是一个演示: http: //jsfiddle.net/STVqe/3/
我希望能够使用鼠标滚动 div。它工作正常,尽管文本有点奇怪,因为您可能会意外选择内容,但是当您将鼠标移到测试之外时,它会出现一个问题div。即使我正在设置,它也会继续滚动down=false。我怎样才能阻止这种情况以及为什么会发生这种情况?
在我们的白板应用程序中,如果用户以某种方式拖动鼠标,则Chrome用户可以突出显示整个画布:
有关如何防止这种情况发生的任何想法?您可以在以下网址进行测试:http: //whiteboard.rayku.com(然后单击绿色的"开始会话"按钮).
谢谢!