firefox addon sdk:如何将文本框值从弹出式HTML复制到剪贴板?

时间:2015-05-30 08:05:15

标签: javascript jquery firefox-addon firefox-addon-sdk

我正在使用Firefox的addon-sdk为Firefox浏览器创建插件。

我需要在popup.html文件中将文本从textbox元素复制到剪贴板。我不想使用flash将文本复制到剪贴板。

popup.html

<html>
<head>
<meta charset="utf-8"/>

<script src="jquery.min.js"></script> <!-- Including jQuery -->
<script type="text/javascript" src="const.js"></script> 
<script type="text/javascript" src="popup.js"></script>

<script>


</script>
</head>
<body style="font-family:Tahoma, Geneva, sans-serif;line-height:30px;width:250px;">
<form >


    element Id : <input type="button" onclick="copy($('#idElem').val())" class="btn" value="copy"/>
<input type="text" id="idElem" value=""/><br/>
element class name : &nbsp;&nbsp;&nbsp; <input type="button" class="btn" onclick="copy($('#classNameElem').val())" value="copy"/>
<input type="text" id="classNameElem" value=""/><br/>
element xpath : &nbsp;&nbsp;&nbsp; <input type="button" onclick="copy($('#xpathElem').val())" class="btn" value="copy"/>
<input type="text" id="xpathElem" value=""/><br/>



</form>

</body>
</html>

popup.js文件是:

$(document).ready(function () {
    addon.port.on("vars",  function(vars) {
        if (vars){
          $("#idElem").val(vars[0]);
      $("#classNameElem").val(vars[1]); 
      $("#xpathElem").val(vars[2]);
    }
    });
});

我该怎么做?

1 个答案:

答案 0 :(得分:0)

首先必须使用panel content script获取textarea值,然后使用消息传递将其传递给附加进程,然后使用"clipboard"模块将该值保存到剪贴板。