ページ読み込み時に可変となる文字列を検知してsourceイベントを発火させる方法【jQuery UI Autocomplete】

やりたいこと jQuery UI Autocomplete を使って、ページ読み込み時にsourceイベントを発火させます。 もう少しユーザー操作に噛み砕くと、 ページ読み込み時に、"東京" または "北海道" をinputにセット inputにセットした文字列から、オートコンプリートを表示 "北海道の場合"は 北海道 観光 北海道 エリア 北海道 グルメ を表示 Autocompleteの概要 ドキュメント js.studio-kingdom.com 概要 属性.autocomplete関数の中で処理を書いていきます。 $('#input').autocomplete({ source: '…

テキストボックスと検索候補以外の要素をクリックしたときのイベントを一行ずつ解説【JavaScript・jQuery】

こういうやつですね 利用例としては、 テキストボックスにフォーカスが当たって履歴の候補を表示 テキストボックスの入力を始めると検索候補が表示 今回はテキストボックスと候補以外をクリックしたとき、候補を非表示にしたいと思います。キーはElement.closest()です。 developer.mozilla.org // テキストボックス <input type="text" class="search-box" value="" autocomplete="off" placeholder="検索ボックス"> // 候補 <ul class="candidate"> <li>hoge</li…

JavaScriptでパラメータの値を取得する方法を一行ずつ解説

JavaScriptでパラメータを取得する方法まず完成系はこちらです。一つずつ解説していきます。 let paramList = {} let paramSplit = {} const originParam = location.search .substring(1) .split('&') for(let i = 0;originParam[i];i++) { paramSplit = originParam[i].split('=') paramList[paramSplit[0]] = paramSplit[1] } paramList パラメータを入れておくリストです param…

formでエンターキーを押した時のイベントの取り方(javascript)

はじめに今回は、formを使ってエンターキーを押した時のイベントの取り方です。formを使う時って最後に、「検索」ボタンを押させることが多いと思うんですけど、検索ボックスをsubmitにしてしまえば、PC、スマホ関係なくエンター押せば飛ばすことができるんですよね。 というわけで、エンターキーを押してテキストボックスが空の時にはalertを出して遷移させないようにしたいと思います。 $('.form').on('submit', function() { const keyword = $('.form-box').val().trim(); if(keyword === "") { alert…

逆求人サービスを比較してみた

前回は、就職活動について時系列順にだらだらと記事を書きました。 wawawayuki.hatenablog.com 今回は、私が使った逆求人サービスについて比較をしていこうと思います。 サポーターズ supporterz.jp 参加企業：WEB・ゲーム・インターネット広告 外資系やメガベンチャーも多数参加 企業の説明会参加でも支援金 他の逆求人サービスは、イベントで交通費が出ることはあるが、説明会で支給されるのは珍しい、というかそこがサポーターズ最大の特徴 イベント「ギークフェスタ」 6月はインターン選考、12月は本選考向けの、IT企業合同説明会 AWS・IBM・楽天・ヤフー・サイバーエージェ…

地方大学生の就活事情【IT業界】

「地方学生は就活に不利」と言われています。 イベントやセミナー、長期インターンシップの数が圧倒的に違います。 都内学生なら講義終わりでもふらっと参加することができます。 ですが、今は地方学生を対象とした就活サービスが数多くリリースされています。 サービスを駆使し、情報収集を行うことで地方学生でも就活を有利に進めることができます。 さて、私の就職活動は、東京・IT業界に絞っているので、そうでない人の参考にはならないかもしれません。 経験した就職活動について、だらだらと書いていきます。 前半はインターンシップについて書いてますので、 早めの就職活動から見たい方はこちら 3月解禁後から見たい方はこち…