Vue 長按文字複製事件實現

2021-10-22 15:18:25 字數 1017 閱讀 7039

longpress.js

export default ) ' is not afunction, but has to be `;

if (compname) ' ` }

console.warn(warn);

}// 定義變數

let presstimer = null;

// 定義函式處理程式

// 建立計時器( 1秒後執行函式 )

let start = (e) =>

if (presstimer === null) , options.time)}}

// 取消計時器

let cancel = (e) =>

}// 執行函式

const handler = (e) => ;

// 新增事件***

el.addeventlistener("mousedown", start);

el.addeventlistener("touchstart", start);

// 取消計時器

el.addeventlistener("click", cancel);

el.addeventlistener("mouseout", cancel);

el.addeventlistener("touchend", cancel);

el.addeventlistener("touchcancel", cancel);}})

}}

在main.js中引入

import longpress from './longpress.js'

vue.use(longpress, )

//time:長按時長,可自行定義

元件或頁面中使用

copycontent(item)">

copycontent函式

copycontent(str)

手機端長按文字複製

css webkit user select none 可以限制長按複製 相容性 設定或檢索是否允許使用者選中文字。ie6 9不支援該屬性,但支援使用標籤屬性 onselectstart return false 來達到 user select none 的效果 safari和chrome也支援該標...

移動端h5文字長按複製 H5實現移動端複製文字功能

前言 移動端專案開發中,經常遇到需要複製文字的場景,今天咱們就來聊一下,移動端複製文字的那些事 效果預覽 背景分析 業務需求很簡單,將指定的文字 例如 關鍵字 文案描述等 複製到手機的剪貼簿上,方便使用者直接進行貼上 解決方案 相關api document.execcommand setselect...

原生 js 實現複製文字

html 賬號 123456,密碼 123457 js var text document.getelementbyid copytext innertext var input document.getelementbyid copyinput document.getelementbyid co...