onpasteはペースト直前に実行される
JavaScriptで右クリックからペーストを選択した時に、それをトリガーにして何かを実行したいとする。たとえば、textareaに文字列を入力すると、入力結果をプレビュー欄に表示させる、というような場合。 ctrl+Vならonkeyupでいい。だけどマウスの右クリックでペーストすると、それではダメだ。キーボードは叩いていないんだからイベントが発生しない。 onmouseupでいけるだろうと思ったが、うまくいかない。少なくともFirefoxでは反応しなかった。 どのボタンでクリックされたか判別する【JavaScript】 – Programming Magicという記事を拝見したところ、Firefoxではマウスの右クリックは拾えないようだ。 ならば、ということでonpasteというイベントを使ってみた。実はこのイベントを使ったのは初めてなんだけど、ペーストした追加部分がプレビューに含まれて
AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて AngularJSの日本語リファレンスです。 AngularJSの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教え
How to Unit Test Controllers In AngularJS Without Setting Your Hair On Fire | I care, I share, I'm Nathan LeClaire.
Developers almost universally agree that unit tests are a VERY GOOD THING when working on a project. They help you feel like your code is airtight, ensure reliability in production, and let you refactor with confidence when there is a need to do so. AngularJS code touts its high degree of testability, which is a reasonable claim. In much of the documentation end to end tests are provided with the
[JavaScript]要素のスタイル情報を取得する (window.getComputedStyle)
styleオブジェクトのプロパティ インラインまたは動的に設定されるすべてのスタイルには、要素のstyleオブジェクトのプロパティからアクセスできます。 var position = elem.style.position 注意点としては、backgcounr-color のように、ハイフンが名前に含まれるプロパティについては、キャメルケースを使う必要があることです。('-' が減算演算子と解釈されてしまうため。) var bgcolor = elem.style.backgroundColor; また、上記の方法で取得できるのは、インラインで設定されたか、JavaScriptを使って動的に設定されたスタイル値だけなので、スタイルシートを使って設定されたスタイルにはアクセスできません。 スタイルの設定方法に関係なく、スタイルにアクセスする方法 スタイルシートを使って設定されたスタイルにアク
![[JavaScript]要素のスタイル情報を取得する (window.getComputedStyle)](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d7bda8a336aaa6c0f77459ab0c2ec6bb39ad68f/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2Fblogger_img_proxy%2FAEn0k_uiKnrj9eq37nwJq429ZSglH2RTRUVsQ_es0KWJM2XJj1WrRZRmdUscLrV9zhV4tRN5eGKOL5YZzXb4d02AY95eSgSJRUS6ZUprBb_kgeiDzoekX3qqHcWCfMgtM2-e5HA%3Dw1200-h630-p-k-no-nu)
JavaScriptエラーを表示・確認する方法のまとめ
JavaScriptエラーを表示・確認する方法をまとめました。 １．はじめに ブラウザでページを表示したときに正しく表示されない、あるいはjQueryで設置したパーツなどが動作しない場合、JavaScriptエラーが発生している可能性があります。 JavaScriptエラーが発生しているかどうかを確認するためにはエラーを表示するためのコンソールを開く必要がありますが、コンソールの開き方が分からなかったり、ブラウザで操作方法も異なります。 このエントリーでは、以下のブラウザを対象にしてJavaScriptエラーの表示・確認方法を解説します。 Google Chrome Firefox IE ビギナーの方向けの内容です。 ２．エラーになるJavaScriptのサンプル エラーになるJavaScriptのサンプルとして、次のサンプルを用いて解説します。このJavaScriptを実行するとシンタッ
[JS/CSS] 背面にある要素のマウスイベントを発火する – nbnote blog
ある要素の前面に何か別の要素をかぶせるように配置した時、背面にある要素のマウスイベントは基本的には反応しません。(前面の要素のみ) 当然といえば当然の話なのですが、デザインや仕様によっては、実際に構築するまでこの問題に気付きにくい場合があります。ありました。 下記のサンプルは、透過PNGでできた星画像をリンクボタンにかぶるように position:absolute で配置した例です。見た目の上ではかぶっていませんが、それは星PNGの背景が透過されているからで要素同士はしっかりかぶっているため、背面のリンクボタンにマウスを置いてもカーソルの形は変わりませんし、クリックしても無反応です。(ギリギリかぶっていないリンクボタンの上端と右端は反応する) サンプル.01 これをどうにか前面の星PNGに邪魔されずにリンクボタンをマウスに反応させるようにする、というのがこの記事の本題。 一番簡単なのは、C
Jenkins がもっともっと便利になるプラグイン 8 つ
こんにちは、開発担当の松本です。 前回のプラグイン紹介記事がわりと反響があったようですので、今回も便利プラグインをいくつか紹介します。 好みのテーマに変更できる: Simple Theme Plugin 左下のいつも出ている執事の顔が気になってくる人は多いと思います。 そんなときにはこのプラグイン。CSS と JavaScript を挿し込むだけの単純なプラグインながらその効果は絶大です。 利用するには、プラグイン導入後に Jenkins の管理 → システムの設定 → theme に追加する CSS と JS を指定するだけです。 プラグインのページにはサンプルのCSSファイルも用意されています。 とりあえず、執事の顔を消したいだけなら CSS に次のように記述すればよいです。 #main-table { background-image: none !important; } ページの
Backbone.jsを使うときに参考になるリソース 2012年末版 (Backbone Advent Calendar 2012 25th day)
Backboneを使うときの参考情報たち Advent Calendarがネタ切れの折、最終日が冴えない小ネタで終わるよりはマシかということでリストアップしてみた。 日本語リソース では早速、日本語のリソースから。古い情報はリストから外しているので、いくらか偏りがあるかも。悪しからず。 ビギナー向けにまとまったの CodeGrid - フロントエンドに関わる人々のガイド Backbone.js Advent Calendar 2011 - Qiita CodeGridで連載中のBackbone入門が、ちょうどリアルタイムに更新されているビギナー向け情報でおすすめ。ただし有料。去年のAdvent Calendarも丁寧でおすすめ。 enja-oss/Backbone · GitHub JavaScript MVCフレームワーク Backbone.jsのコメント付きソースコード日本語訳が公開
jQuery 1.9 日本語リファレンス | js STUDIO
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
作業効率が加速する…無駄を省いてブログ執筆の時間を短縮しよう！私が現在使用している「ブックマークレット」6選！
IMG_9819 / jikatu あなたはブログを1記事執筆するのにどれくらいの時間をかけますでしょうか？30分？1時間？それとも2時間以上でしょうか？ 「ブログを書く」という行為は「いかに作業を効率化できるか」という課題との戦いであると言う側面をもっています。普段こなすちょっとした作業に無駄があるならば、たくさん記事を書けば書くほど時間の浪費という結果を招くからです。 逆に、それらを省くことができれば、ただ記事作成の時間が短縮されるのみならずブログ執筆への心理的なハードルも低くなり、記事数の増加という利点も生むこととなるやもしれません。 そんなわけで今回は、私が作業効率を上げるために、ブログ執筆の際に使用しているブックマークレットをさらしあげてみたいと思います。 ブックマークレットの起動方法 ちなみに私は、現在メインブラウザをSafariにしております。 で、ブックマークレットの起動に
JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目 – bl6.jp
最近はよくjQueryプラグインを使ったりすることが多くなってきたのですが、自分でちょっとカスタマイズしたりコードを読んでもさっぱり理解できないことが多々あるので1からJavaScriptを勉強してみようかと思いました。前に一回勉強したんですがすっかり忘れてしまっているのでまずは超基本的なことからマスターしていこうかと思います。 [ads_center] JavaScriptの基本構文10項目 とりあえず超基本的な構文を見やすいようにまとめておきます。 1.Hello Worldを出力 まずはブラウザにHello Worldを出力します。 <script type="text/javascript"> var msg = "Hello World"; document.write(msg); </script> 2.Hello Worldをアラートで表示 アラートで表示させたい場合はwin
Post by @0-9
ここでは以下の順番でSinonJSとJsTestDriverを使用したJavaScriptのUnitTest Patternsを紹介します。
僕の考えた最強の Node.js Document Viewer - hakobera's blog
自分がNode.js でプログラミングをする際に、必ず参考にするページがあります。それは Node.js の公式ドキュメントです。 Node.js v0.8.12 Manual & Documentation バージョンアップにも追随して、最新の情報が得られるので、書いている人には頭が上がりません。情報量も十分です。（たまに空っぽのページとかありますが） ただ、このドキュメントを見たことある人ならわかると思いますが、すごく見難いのです。より具体的にはナビゲーションが良くないのと、検索がない、という2つの難点を抱えています。 というわけで、この問題を解決する Document Viewer を作りました。 名付けて 「YAND」=「Yet Another Node.js Document Viewer」です。 Yet Another Node.js Document Viewer [追記]
Google Analytics(非同期)のコードにほんのちょっと手を加えて本当の直帰率を計測
いつの間にか(というか随分前から)Google Analyticsのコードは非同期のJavascriptに一新されていて、該当URLの書式は通用しなくなっていたんですね。新しいAnalyticsのコードに対応した書式です。
画像をサーバから再読み込みする | のほほんラボ
画像がうまく読み込めずエラーになった場合、 再度サーバへ画像を取りに行き、ブラウザに再読み込みさせる方法として 下のようなjavascriptで実現してみた。 --------------------------------------------------------------------------- function Loadimg(img_name, img_src) { img = document.images[img_name]; img.src = img_src; } function TimerLoadimg(img_name, img_src) { dd = new Date(); img_src = img_src + "?" + dd.getTime(); setTimeout("Loadimg('" + img_name + "', '" + img_src
UI Events (W3C First Public Working Draft 25 July 2013)
W3C Working Draft, 7 September 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-uievents-20240907/ Latest published version: https://www.w3.org/TR/uievents/ Editor's Draft: https://w3c.github.io/uievents/ Previous Versions: https://www.w3.org/TR/2024/WD-uievents-20240906/ https://www.w3.org/TR/2024/WD-uievents-20240906/ History: https://www.w3.org/standards/history
all - Node.js Manual & Documentation
Synopsis An example of a web server written with Node which responds with 'Hello World': var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World\n'); }).listen(8124); console.log('Server running at http://127.0.0.1:8124/'); To run the server, put the code into a file called example.js and execut
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://flippinawesome.org/2013/05/06/5-things-you-should-stop-doing-with-jquery/
ドキュメントKnockout.js
Loading...