Home > iphone > iPhone 3.0のMobileSafariでコピペを無効にする方法

iPhone 3.0のMobileSafariでコピペを無効にする方法

iPhone 3.0には待望のコピペ機能が付きましたが、MobileSafariの上では、長押し=コピペだとちょっと不便な事があります。

その場合は、下記のようなCSSを指定する事で、コピーの吹き出しが出なくなります。

body {
     -webkit-user-select: none;
}

Related posts

masuidrive(増井 雄一郎)
PukiWikiなどのオープンソース活動を経て、2005年からRuby on Railsに的を絞り、WEB2.0社 PingKingやニフティ アバウトミーの開発に関わる。これまでのフリー活動から転身し、2007年は1年だけ会社員として働いた後、起業のため渡米。2008年4月にBig Canvas Inc.設立。現在、米ベルビュー在住。

Comments:1

nanashisan 09-06-29 (Mon) 20:12

はじめまして。参考になる記事をありがとうございます。
確かに、この方法でページ全体をコピペ不可にすることは可能ですね。
が、いまちょっと困っていることがありまして・・・
ページの一部のみ、コピペを許可する方法が分からないんです。
bodyに -webkit-user-select: none; を指定しておき、コピペ許可したい要素にだけ -webkit-user-select: auto; と指定すると、確かに許可した部分しか選択できなくなるのですが、そこを選択してから選択範囲をドラッグして広げると、他の部分まで選択&コピーできてしまうのです。。
何かうまい方法はないものでしょうか・・・

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://blog.masuidrive.jp/index.php/2009/06/20/disable-copy-action-on-mobile-safari/trackback/
Listed below are links to weblogs that reference
iPhone 3.0のMobileSafariでコピペを無効にする方法 from @masuidrive blog
pingback from The Beyond Factory » iPhone 3.0のMobileSafariでコピペを無効にする方法 09-06-22 (Mon) 21:13

[...] → masuidrive on rails – iPhone 3.0のMobileSafariでコピペを無効にする方法[masuidrive.jp] カテゴリー: iPhone タグ: コメント (0) トラックバック (0) コメントをどうぞ トラックバックURL [...]

Home > iphone > iPhone 3.0のMobileSafariでコピペを無効にする方法

Search
Feeds
Meta

Return to page top