[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

780users がブックマーク コメント 53

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント53件

  • 注目コメント
  • 新着コメント
takeda25
idをつけた要素がグローバル変数としてアクセスできるのは互換性のため。名前空間を汚染するし推奨されていない。getElementByIdとかを使うほうがいい。

その他
mayumayu_nimolove
ものすごく基礎的なことだけどこうやって分解して理解していくのって一番上達するし楽しめる人は楽しめるんだよね

その他
raimon49
調べればちゃんと技術情報が掲載されているMDNホンマえらい。

その他
jigokuezu
初耳1について、この人が参照してる元元URLの説明に、document.getElementById() や document.querySelector() を使えって書いてあるじゃん。ちゃんとソースを読もう https://html.spec.whatwg.org/#named-access-on-the-window-object

その他
irh_nishi
もともとJS側が使いにくくてjQueryとか他のいろんなモジュールが発明されてそれをJSが取り込んでるんだけどコンパチにするために結局はモジュール機能を使いがちで標準機能が使われないよね。fetchとかもそう。

その他
strawberryhunter
$imgを参照したり、addEventListener()ではなくonpointermove に直接設定したりするあたりには懐かしさを感じた。setPointerCapture()は知らなかったので参考になった。

その他
hiroshe
しらんかったわ。じゃあGetElementByIdはなんのためにあるんや。

その他
xlc
でも普通は要素をドラッグしてやりたいのはそういうことじゃないよね。DOMを組み替え、それに付随した内部データも書き換えなきゃ意味がない。

その他
repon
「フロントエンドは簡単だから(単価が)安い」という言説は、ホリエモンの「保育士の給料が安いのは誰でもできるから」という言葉と同じ。因果関係が逆で、直接は女性差別と排外主義。オフショアで儲けてるくせに

その他
uva
「HTML内でIDをつけた要素はグローバル変数に格納される仕様」糞仕様だね!

その他
Shinwiki
ああ、これこれ。ブックマークし忘れててやっと見つけた。と思ったら推奨されてないんかい

その他
l-_-ll
"HTML内でIDをつけた要素はグローバル変数に格納される仕様"

その他
uva
uva 「HTML内でIDをつけた要素はグローバル変数に格納される仕様」糞仕様だね!

2024年02月28日 リンク

その他
repon
repon 「フロントエンドは簡単だから(単価が)安い」という言説は、ホリエモンの「保育士の給料が安いのは誰でもできるから」という言葉と同じ。因果関係が逆で、直接は女性差別と排外主義。オフショアで儲けてるくせに

2024年02月28日 リンク

その他
cl-gaku
大昔はnameやid振った要素にグローバルからアクセスしまくったウルトラスパゲッティ大盛りフォームがそこら中にあったな

その他
stabucky
素晴らしい。この手のテクニックは考えずにコピペすることにしているので。

その他
softstone
知ってたとは言えない。/実験してるとすごいキモい。`appendChild(elem)`の後でelemのidをグローバル変数としてエラーなしに使えたりする。"use strict"でも止まらない。怖いよー。

その他
localnavi
前に要素をドラッグ&ドロップで操作するJavascriptを書いたときには、もっともっと面倒くさい事を書いたのに、桁違いに楽ちんになってる。もちろん、初耳だらけである

その他
yaboot
setPointerCapture 知らんかった。sensitivity とか考慮する場合どうするんだろう、、、

その他
everybodyelse
フロント全然わからない民

その他
Nan_Homewood
知らない事だらけだった

その他
fukken
最初のは、idだけじゃなくてname属性とかでも同じことができたはず。いにしえの作法って感じ。

その他
lainof
↓getElementByIdを使ってもidつけた時点で汚染されてるのでは?

その他
mumei-0
"setPointerCapture"

その他
xlc
xlc でも普通は要素をドラッグしてやりたいのはそういうことじゃないよね。DOMを組み替え、それに付随した内部データも書き換えなきゃ意味がない。

2024年02月28日 リンク

その他
atsushieno
idにはID型で利用可能な文字だけが許されるべき(HTML4世代)

その他
tikuwa_ore
改造したら、ブラウザ内で完結可能な簡易的な画面メモみたいなのも作れるかな、これ。とりあえずブクマ。

その他
iww
勉強になった

その他
razokulover
へぇ〜〜〜

その他
strawberryhunter
strawberryhunter $imgを参照したり、addEventListener()ではなくonpointermove に直接設定したりするあたりには懐かしさを感じた。setPointerCapture()は知らなかったので参考になった。

2024年02月28日 リンク

その他
aceraceae
てかずっと canvas 使ってたけどやっぱ svg のほうがつかい勝手いいかな

その他
razihai
初耳1>命名のせいで惑わされるのわかりみが深いwこういうの一つずつ理解してくの楽しいよね、、、

その他
tmtms
しらない話が多い

その他
jigokuezu
jigokuezu 初耳1について、この人が参照してる元元URLの説明に、document.getElementById() や document.querySelector() を使えって書いてあるじゃん。ちゃんとソースを読もう https://html.spec.whatwg.org/#named-access-on-the-window-object

2024年02月28日 リンク

その他
todays_mitsui
おもろい

その他
hokkey
すごく参考になった。SPAばっか実装してるとブラウザAPIの知識アップデートがお留守になるなと思った

その他
raimon49
raimon49 調べればちゃんと技術情報が掲載されているMDNホンマえらい。

2024年02月28日 リンク

その他
poad1010
この記事をおすすめしました

その他
Aodrey
要素のidに$使わないでよ・・・・・・

その他
daruyanagi
まず最初の件知らんかったから、わいは雑魚 ( ̆ω ̆ )

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「「JavaScriptで要...」が注目されています。

気持ちをシェアしよう

ツイートする

「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y... Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ブックマークしたユーザー

  • t2wave2024年11月29日 t2wave
  • techtech05212024年06月26日 techtech0521
  • qinglong2024年04月30日 qinglong
  • tapiokamaru3332024年03月22日 tapiokamaru333
  • Shinwiki2024年03月18日 Shinwiki
  • l-_-ll2024年03月15日 l-_-ll
  • va-sizuru2024年03月11日 va-sizuru
  • wate_wate2024年03月11日 wate_wate
  • lugecy2024年03月10日 lugecy
  • ysirman2024年03月09日 ysirman
  • littlefield2024年03月07日 littlefield
  • manhole2024年03月07日 manhole
  • stntaku2024年03月06日 stntaku
  • masakuma08122024年03月04日 masakuma0812
  • t_f_m2024年03月02日 t_f_m
  • esuji52024年03月02日 esuji5
  • hush_in2024年03月02日 hush_in
  • ayoshh2024年03月01日 ayoshh
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /