test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-29 18:50:00 +08:00
Code Issues Actions 48 Packages Projects Releases Wiki Activity

copy iconfont text

Browse Source
This commit is contained in:
afc163 2015-06-08 23:41:11 +08:00
parent b5ee806890
commit 4af16c957c
1 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
components/iconfont/index.md
View File

@ -492,12 +492,27 @@ ul.anticons-list li {
height: 92px;
color: #5C6B77;
transition: all 0.2s ease;
position: relative;
}
ul.anticons-list li:before {
content: "点击后 ctrl+c 复制代码";
top: -17px;
left: 13px;
font-size: 12px;
text-align: center;
position: absolute;
display: none;
color: #aaa;
transform: scale(0.8);
}
ul.anticons-list li:hover {
background-color: #4BB8FF;
color: #fff;
border-radius: 4px;
}
ul.anticons-list li:hover:before {
display: block;
}
.anticon {
font-size: 24px;
margin: 18px 0 16px;
@ -510,3 +525,46 @@ ul.anticons-list li:hover {
font-family: Consolas;
}
</style>
<script>
$(function() {
var input = $('input');
input.css('opacity', '0.01');
$('.anticons-list li').mouseenter(function() {
var iconText = $(this).find('.anticon-class').html();
input.val('<span class="anticon anticon-' + iconText + '"></span>').appendTo(this);
setTimeout(function() {
input[0].focus();
input[0].select();
}, 50);
}).mouseleave(function() {
input.remove();
});
$('.anticons-list li').click(function() {
setTimeout(function() {
input[0].focus();
input[0].select();
}, 50);
});
var ctrlDown = false;
var ctrlKey = 17, vKey = 86, cKey = 67, cmdKey = 224;
$(document).keydown(function(e) {
if (e.keyCode == ctrlKey || e.keyCode == cmdKey) {
ctrlDown = true;
}
}).keyup(function(e) {
if (e.keyCode == ctrlKey || e.keyCode == cmdKey) {
ctrlDown = false;
}
});
$(document).keydown(function(e) {
if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) {
console.log('复制成功!');
}
});
});
</script>