Skip to Content
JAVASCRIPT網頁應用程式設計
book

JAVASCRIPT網頁應用程式設計

by Alex MacCaw
January 2013
Intermediate to advanced
332 pages
5h 23m
Chinese
GoTop Information, Inc.
Content preview from JAVASCRIPT網頁應用程式設計
108
|
第七章
依目前瀏覽器發展的速度推估,相關的 API 支援應該很快就會被標準化。如果想為你的
應用程式,添加一些和複製 / 貼上相關的功能,就得自行依據瀏覽器的發展趨勢,進行
審慎的評估。
貼上
和貼上相關的事件有兩組:
beforepaste
paste
。當使用者執行貼上功能之後、資料真正
貼上之前,就會觸發
paste
事件。按照慣例,不同的瀏覽器會有不同的實作方式。如果
是用 Chrome,即使沒有聚焦(focus)任何網頁元件,還是會觸發
paste
事件。但 IE
Safari,則是一定要看到有網頁元件處於聚焦狀態,才會觸發
paste
事件。
paste
事件的 API
drop
事件的 API 非常類似。該事件的
clipboardData
屬性,能讓你
透過
getData()
函式取得要被貼上的資料(要將 MIME 格式傳入函式)。但在筆者親自
測試之後,發現一個不幸的結果:
types
屬性永遠都會回傳
null
,因此我們無法利用程
式判斷,剪貼簿裡面究竟有哪幾種 MIME 類型的資料。此外,還得要先取消事件,才能
讓整個貼上的流程順利的運作,並將資料貼到聚焦的網頁元件上面:
$("textarea").bind("paste", function(event){
event.stopPropagation();
event.preventDefault();
event = event.originalEvent;
var cd = event.clipboardData;
// 針對
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

Ethan Brown, 武舎 広幸, 武舎 るみ
PHP编程:第4版

PHP编程:第4版

Kevin Tatroe, Peter MacIntyre
Strange Code

Strange Code

Ronald T. Kneusel
Perfecting Your Thinking Skills

Perfecting Your Thinking Skills

MIT Sloan Management Review

Publisher Resources

ISBN: 9789862766811