作者felixgene ()
看板PHP
标题[请益] 进入页面後,如何自动触发按钮
时间Wed Mar 25 16:32:05 2015
各位大大好,目前参考网路范例,搭配外挂ZeroClipboard
弄了一个,点击可复制text进剪贴簿的功能
程式码如下
JS部份:
<script>
$(function(){
$("#copy_p").zclip({
path: 'javascript/ZeroClipboard.swf',
copy: $('#para').text(),
afterCopy:
function(){
$("#para").css("background-color",'#cff');
$("<span id='msg'/>").insertAfter($('#copy_p')).text('复制成功
').fadeOut(1000);
}
});
});
</script>
HTML部份:
<a href="#" id="copy_p">点击复制</a>
<p id="para" >要复制的内容</p>
以上部分点击按钮可正常WORK
现在想要让他进入网页後"自动触发"那个复制按钮,该如何修改呢?
目前是有这样试过,但失败
<script>
setTimeout(onbutton,1500);
function onbutton(){
document.getElementById("copy_p").click();
}
</script>
求解~谢谢 > <
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.39.169.243
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/PHP/M.1427272328.A.7C1.html
1F:推 crossdunk: trigger? 03/25 16:44
2F:推 crossdunk: $('#copy_p').trigger('click'); 03/25 16:51
3F:→ crossdunk: 不过这个跟AJAX版的比较相关 03/25 16:52
谢大大回应~尝试中,已至AJAX版发文,晚点删文!
※ 编辑: felixgene (114.39.169.243), 03/25/2015 17:03:19
4F:推 crossdunk: 痾 所以上面我推的没成功吗QQ 03/25 17:09
刚刚试过这样
<script>
setTimeout(onbutton,1500);
function onbutton(){
$('#copy_p').trigger('click');
}
</script>
not work QQ
5F:推 CaptainH: 弄个 fiddle 来看看 03/25 17:22
fiddle我引入外挂一直失败
先用别人类似的范例吧
http://goo.gl/K5JMSL
我现在就是要让他"复制"按钮 一秒後可以自动触发
※ 编辑: felixgene (114.39.169.243), 03/25/2015 20:17:23
6F:推 TigerShen: 写到function 按钮和开页面时各call一次 03/26 04:12
7F:推 localhost: <body onload="xxx()"> 03/26 14:21