js實現複製input隱藏域的取巧做法

2021-09-24 15:39:54 字數 653 閱讀 2313

一、需求

工作中有個小需求,在乙個列表中,每一行都有乙個複製按鈕,用來複製每一條記錄中的鏈結,這個鏈結不需要在頁面中展示,所以需要做成隱藏域。

在網上查了一些資料,有的需要引入第三方js,感覺只是乙個簡單的複製,沒有十分必要去要引用這麼乙個檔案,所以查詢一番之後,找到了乙個取巧的辦法。注意:該方法沒有做瀏覽器的適配,所以遇到這方問題的,可以再查詢其他資料以完善功能~~~

二、做法

1、思路

a、在頁面中寫乙個隱藏域,存放需要複製的值

b、js中獲取隱藏域的值,並建立乙個新的input,通過透明度隱藏,並賦值。複製之後,移除建立的input

2、頁面

複製鏈結
3、js

function copycontenttoclip(_this) )

$(oinput).attr()

oinput.select(); // 選擇物件

document.execcommand("copy"); // 執行瀏覽器複製命令

oinput.classname = 'oinput';

$("input[name='copy_content']").remove()

layer.msg('複製成功');

}else

}

js隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏 一 display屬性的常用屬性值有兩個,分別為 1 none 隱藏,不佔位,空件之間重新定位 2 block 顯示 二 visibility屬性的常用屬性值有兩個,分別為 1 hidden 隱藏,佔位 2 visi...

js隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏 一 display屬性的常用屬性值有兩個,分別為 1 none 隱藏,不佔位,空件之間重新定位 2 block 顯示 二 visibility屬性的常用屬性值有兩個,分別為 1 hidden 隱藏,佔位 2 visi...

js實現input的賦值

input框賦值 如下所示,是乙個文字框的html 實際開發中,要涉及到將資料庫中的資料取出然後放入input框中。1通過以下js 可以實現對input文字框進行賦值,以下方法分別針對不同的情況,但是前兩種是通用的。name1 val 值 document.getelementbyid name1 ...