作者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/m.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