小编Mik*_*ace的帖子

在Chrome和Firefox中秘密复制到剪贴板JavaScript功能?

更新

看起来浏览器开始在JS中本地支持复制


在Mac上的Chrome和Firefox的控制台窗口中,我可以执行

copy("party in your clipboard!");
Run Code Online (Sandbox Code Playgroud)

并将文本复制到我的剪贴板.我搜索过SO和Google,似乎无法找到任何相关信息.

  • 这些是针对每个浏览器的吗?
  • 在哪里可以找到有关这些JavaScript函数的更多信息?

浏览器版本:

替代文字 替代文字

执行"复制"时从Chrome控制台返回的JavaScript

function (object)
    {
        if (injectedScript._type(object) === "node") {
            var nodeId = InjectedScriptHost.pushNodePathToFrontend(object, false, false);
            InjectedScriptHost.copyNode(nodeId);
        } else
            InjectedScriptHost.copyText(object);
    }
Run Code Online (Sandbox Code Playgroud)
  • 这段代码是什么意思?

以下是在Chrome控制台中执行复制功能的2个屏幕截图,其中禁用了所有Chrome扩展程序

替代文字

替代文字

javascript clipboard firefox google-chrome copy

144
推荐指数
1
解决办法
6万
查看次数

CSS渲染不一致的ul与Firefox是奇怪的球

背景

我正在使用带有锚点和标题的嵌入无序列表创建辅助导航菜单.使用CSS重置表,所有标题和锚点都设置为"display:block".当list-style-position:inside设置时,Firefox和Camino会在子弹下方呈现标题和锚点,而Safari,Camino和IE会将其呈现为内联.

屏幕截图示例

Firefox和Camino渲染 Safari,Opera和IE渲染

示例代码

<html>
<head>
  <style type="text/css">
    /* css reset */
    h1, h2, h3, h4, h5, h6, a { display: block; }

    /* list styling */
    ul { list-style-position: inside; }
  </style>
</head>
<body>
<ul>
  <li>
    <h3>Primary</h3>
    <ul>
      <li>
        <h4>Secondary</h4>
        <ul>
          <li>
            <h5>Tertiary</h5>
            <ul>        
              <li><a href="#">Tertiary Link</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
<ul>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

为了让Firefox和Camino呈现与其他人一样的颜色,我将无序列表,标题和链接设置为"display:inline",但我仍然想知道......

当Safari,Opera和IE使其"正常"时,为什么Firefox&Camino会在列表项目符号下面呈现列表项?

html css debugging

22
推荐指数
2
解决办法
8964
查看次数

函数表达式以;结尾; 与不

在阅读其他代码时,我看到写的函数都以分号结尾而不是以分号结尾.

有:

var testFunction = function() {
  // magic happens here
};
Run Code Online (Sandbox Code Playgroud)

无:

var testFunction = function() {
  // magic happens here
}
Run Code Online (Sandbox Code Playgroud)
  • ?:在技术上是否比另一个更"正确"?
  • ?:一个人有速度优势吗?
  • ?:浏览器不关心,所以它只是一种从另一种语言或旧格式中流淌出来的风格,以前是JavaScript函数所必需的?
  • ?:#{问题我没有考虑在这里问,但你认为我应该有}

更新:我还发现这非常有用=> https://developer.mozilla.org/en/JavaScript/Reference/Functions_and_function_scope

javascript coding-style

18
推荐指数
2
解决办法
2811
查看次数

实时点击事件报告Firefox与Chrome中的不同来源

有了这个HTML

<div>
  <button>
    <img src="https://img.skitch.com/20110912-1m2qj31m7sxmh46uheef63gutu.gif">
  </button>
</div>
Run Code Online (Sandbox Code Playgroud)

和这个jQuery

$(document).ready(function() { 
  $("body").live("click", function(event) {
    $("body").append(event.target.tagName);            
  });
});
Run Code Online (Sandbox Code Playgroud)

为什么Chrome中的事件目标节点是图像,而在Firefox中它是按钮?

jsfiddle测试 - > http://jsfiddle.net/MikeGrace/YC5A7/

jquery cross-browser event-handling jquery-events

13
推荐指数
1
解决办法
1275
查看次数

JavaScript条件块与控制流的空白返回

我总是编写我的JavaScript块

var functionName = function() {
  if (someCondition) {
      // stuff
  } else {
      // stuff
  }
};
Run Code Online (Sandbox Code Playgroud)

但今天我看到了

var functionName = function() {
  if (someCondition) {
     // stuff
     return;
  }
  // stuff
};
Run Code Online (Sandbox Code Playgroud)

我喜欢第一个例子在逻辑中更明确.你想要或不想以第二种方式展示它的原因是什么?

javascript

10
推荐指数
1
解决办法
5061
查看次数

基于数字属性的DOM元素的更有效的jQuery排序方法

我有一些简单的jQuery编写基于数字属性对一些元素进行排序,如http://jsfiddle.net/MikeGrace/Vgavb/所示

// get array of elements
var myArray = $("#original div");

// sort based on timestamp attribute
myArray.sort(function (a, b) {

    // convert to integers from strings
    a = parseInt($(a).attr("timestamp"), 10);
    b = parseInt($(b).attr("timestamp"), 10);

    // compare
    if(a > b) {
        return 1;
    } else if(a < b) {
        return -1;
    } else {
        return 0;
    }
});

// put sorted results back on page
$("#results").append(myArray);
Run Code Online (Sandbox Code Playgroud)

它工作正常,但我不认为它会扩展,因为总共有185个jQuery调用,其中184个获取元素的属性来进行比较.

使用jQuery进行排序的更有效方法是什么?

sorting performance jquery

9
推荐指数
2
解决办法
2万
查看次数

项目终止

我最近与一个团队合作开发了一个在线系统.我们已经工作了几个月,并且在项目得到罐装时取得了很好的进展.我们都强烈认为项目的完成非常重要,它将对我们的消费者生产力产生重大影响.在感到沮丧一段时间后,我想我应该问一些有更多经验的人.

处理罐装项目的挫败感并向前推进以避免未来可能性的最佳方法是什么?

project-management

7
推荐指数
2
解决办法
632
查看次数

保持好主意,防止盗窃

如果你认为这是一个好主意,你如何让你的想法成为开源的,并确保它保持这种方式?你如何防止你的想法被其他人窃取并获得专利?

背景

我最近对一个我认为可能具有革命性的编程项目有所了解.作为一名年轻的程序员,我意识到我需要很多帮助才能使这个想法得以实现.我也意识到有些人可能试图窃取这个想法并对其进行版权保护.我不知道我需要采取哪些步骤来确保这个想法保持开源以及如何保护自己不被窃取的想法.我不介意公司决定从这个想法赚钱,但我确实想阻止一个人或公司完全控制它.我在网上做了一些搜索,但还没找到能回答我问题的资源,所以我请你帮忙.任何帮助是极大的赞赏.

澄清

  • 我不打算从这个想法赚钱.
  • 我不明白版权和专利之间的区别,但现在明白我应该用专利而不是版权来提问.(问题改变了)
  • 我的目标是阻止一个人或公司锁定这个想法.我希望有很多人和公司能够抓住这个想法的愿景并与之共同运作.(我无法想象如果只有一家公司有权生产发动机,电力,手机,电脑,今天会是什么样子......我想你明白了:D

language-agnostic open-source

7
推荐指数
3
解决办法
513
查看次数

Rails image_tag未关闭图像标记

在rails项目中,我使用image_tag生成我的图像html元素.

<%= image_tag("test.jpg", :alt => "test image") %>
Run Code Online (Sandbox Code Playgroud)

正在产生

<img src="test.jpg" alt="test image">
Run Code Online (Sandbox Code Playgroud)

这在整个rails项目中都会发生.

是否有其他设置导致此设置的设置?如何让rails始终关闭图像标签?

xhtml html-helper ruby-on-rails image

3
推荐指数
1
解决办法
6680
查看次数

如何在KRL规则中获取用户位置?

如何在KRL规则中获取用户位置?

  • 方法是什么?
  • 使用该方法的优点或缺点是什么?

geolocation krl

2
推荐指数
1
解决办法
93
查看次数

检测外部链接点击?

如何检测外部链接点击?

我有一个简单的问题,可能有也可能没有简单的答案.我需要检测我的某些网页用户是否点击了外部链接,例如广告.

我的第一个想法是,我会在特定链接上放置一个随机数量的透明div,这样用户就可以点击它直到他被重定向到新页面,但这对用户来说是不可取的,并且仍然可以被利用.

我希望你们可以帮助我,我会尽我所能帮助你们.

抱歉我的英语,因为我的母语不是英语.

javascript jquery

2
推荐指数
1
解决办法
2447
查看次数