Sorry, I mean span here, wrong type to div.
I wrote some code for this purpose, take a look:
In the code, I append a click event here with the span while press+hold (not quite understand what do you mean by here, you mean for instance the menu display when pressing on the text more than some seconds?), I display a menu here
with two options, one is for getting the innerHTML from span and another one is to change the span background color. You cold then follow the guide:
Quickstart: Clipboard basics to create a datapackage for the Clipboard copy and paste.
<script type="text/javascript">
function pageloaded() {
document.getElementById("titlecontainer").addEventListener("click", showHeaderMenu, false);
}
function showHeaderMenu() {
var title = document.getElementById("titlecontainer");
var menu = document.getElementById("headerMenu").winControl;
menu.anchor = title;
menu.placement = "bottom";
menu.alignment = "left";
document.getElementById("copyItem").addEventListener("click", function () { goToSection("copy"); }, false);
document.getElementById("changeColorItem").addEventListener("click", function () { goToSection("changeColor"); }, false);
menu.show();
}
function goToSection(section) {
if (section == "changeColor") {
document.getElementById("titlecontainer").style.backgroundColor="green";
}
if (section == "copy") {
var text = document.getElementById("titlecontainer").innerHTML;
}
}
</script>
<body onload="pageloaded()">
<p>Content goes here</p>
<span id="titlecontainer">click on me to see what happen</span>
<div id="headerMenu" data-win-control="WinJS.UI.Menu">
<button data-win-control="WinJS.UI.MenuCommand" data-win-options="{id:'copyItem',label:'Copy'}"></button>
<button data-win-control="WinJS.UI.MenuCommand" data-win-options="{id:'changeColorItem',label:'ChangeColor'}"></button>
</div>
</body>
--James
<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support
Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.
