各位大大好,因為想隱藏標籤內容,有嘗試加style="display:none"or"visibility:hidden",但會導致值傳不了,想知道有沒有其他辦法能讓隱藏標籤內容,或是其他函式能不用顯示標籤內容就能存取,謝謝
<?php
$url='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>
<html lang="zh-TW" dir="ltr">
<textarea cols="20" rows="10" id="site"><?php echo $url ?></textarea> //加這
<script type="text/javascript">
function copyFn(){
var val=document.getElementById("site");
val.select(); //選擇物件
document.execCommand ("copy"); //執行複製命令
}
</script>
<input type="button" class="btn btn-success" value="複製文章網址" onclick="copyFn()">
</html>
Google 網路上有幾種做法
選這個是比較新的文章,2019/10的
30秒就會的javascript
做法是把 url 那個 element 「藏」起來(=>搬到天高皇帝遠的地方)
要複製之前,先「選取」他、複製
然後再還原
選我最佳解答
說不定也可以
只是我目前 Google 到的都是「focus then copy」的做法
我不知道為什麼沒有人用 input type=hidden 的做法
反正也不關我的事
連 GitHub 都不 hide 了
真想不懂有什麼原因要這麼做
好像是js的限制吧。要用那個copy命令,是需要可視元件的。
所以真不想給人家看時,常用的方式的確是將它搬到視窗外。(眼不見為淨)
實際情況也不太清楚。
不過,我倒不確定用input元件可不可以,因為之前都是跟網路學的,直接用textarea元件。等等來試試用input元件看看行不行。
單純覺得很醜,但又想不到好方法解決,謝謝大大,還真是沒想過能移到網站外面Σ(゚Д゚)
第一天上班就該學會的精準提問術
你需要的是這個
用CSS試試
#site{
width: 0px;
height: 0px;
opacity: 0;
position: absolute;
z-index: -99;
}
加這段就不會影響使用者了
有測試過,應該是因為我沒放背景圖的原因,所以還是看得到,但確實也是個好辦法,謝謝大大讓我學到新方法(・ω・)b
其實
width: 0px;
height: 0px;
opacity: 0;
在某些元件是會沒作用,還是會看的到的。
一般還是移到視窗外最好。
width: 0px;
height: 0px;
我再測試時 寬高無法完全隱藏
因為偷懶所以直接寫 比較萬用
opacity: 0;
position: absolute;
z-index: -99;
真正的比較好的寫法
針對各元件原本的CSS來修正
但是...下面的方法複製又失效了XD
https://codepen.io/ipphof/pen/XWJdeYE