JavaScript：「return false;」で「href」を無効化できずに２つウィンドウが開いてしまった原因
オリジナルのTwitterボタンを設置したところ、ウィンドウが２つ開いてしまうことに気が付きました。ちゃんと「return false;」を利用して、「aタグのhref」リンクが開かないようにしていたつもりが、効果がないようでした。かなり特殊だったこの原因を探すのにちょっと苦労したので、メモしておきます。 目次 1. 設置していたタグ2. 設置していたタグの仕組み2.1. return false;3. return false;が機能していない？4. いろいろ試してみた結果4.1. WordPressプラグイン？4.2. www.yahoo.co.jpにしたら大丈夫！4.3. twitterのjavascriptが原因？4.4. 原因のコード5. でもこれどう対策すれば・・・6. 対策6.1. 参考メモ スポンサーリンク 設置していたタグ 設置していたタグを簡単に書くとこんな感じです。
のonclickでreturn falseしてるのにIEだけ画面遷移しちゃう - くろまほうさいきょうでんせつ
<a href="/" onclick="return false;">画面遷移してほしくないリンク</a>↑としているのになぜかIEだけしっかり画面遷移する。 そんなばかな！ と思ったら自分がばかだったメモ。 こういうことでした <script type="text/javascript" src="jquery-1.4.4.js"></script> <script type="text/javascript"> $(function(){ $('#link1').click(function(e){ }); $('#link2').click(function(e){ return true; }); }); </script> <a id="link1" href="/" onclick="return false;">何も起こらない</a> <a id="link2" href=
JavaScriptメモ: 使用している Web ブラウザが IE (Internet Explorer) かどうか判別する
JavaScript で IE かどうかを判別するIE 判別関数 (isIe)navigator.userAgent プロパティを参照して、ブラウザのユーザーエージェントを調べることで、使用しているブラウザが IE (Internet Explorer) であるかを判別することができます。 IE の場合、ユーザーエージェント名は MSIE あるいは Trident/ で始まります。 // 使用中のブラウザが IE であるかどうかを判別します。 function isIe() { const ua = navigator.userAgent; return ua.indexOf('MSIE ') > -1 || ua.indexOf('Trident/') > -1; } ただし、navigator.userAgent プロパティの値はブラウザの設定により書き換えられる可能性があることに注意
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
使用してるブラウザを判定したい - Qiita
var userAgent = window.navigator.userAgent; // 例えばChromeを使ってると // userAgent: Mozilla/5.0 (windows nt 6.3; wow64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36 window.navigatorでnavigatorオブジェクトが取れます。 このnavigatorオブジェクトはクッキーが有効かどうかや言語などブラウザに関する情報をいろいろ持っています。 リファレンスはこちら Navigator Web API インターフェース | MDN navigator.userAgentでブラウザのユーザーエージェントの文字列が返ってくるのですが、やけに長ったらしいので、ここに「Chrome」な
セレクトボックス内の要素を非表示にしたい
<select> <option>test1</option> <option>test2</option> </select> のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか？ firefoxでは、cssのdisplay:noneで非表示になりますが、IEでは実現できませんでした。
IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！
2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ ↑私が10年以上利用している会計ソフト！ Flexboxって何？ FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる！ 横並びになった要素の高さが最初から揃ってる！ 要素を上下左右、好きな順序に並び替えられる！ スペースの
window.showModalDialogは画面をキャッシュしている？ - axt_star's blog
window.showModalDialogを使って、別windowでポップアップさせようとした場合、 Loadがうまく走ったり、走らなかったり謎の現象が起きていました。 原因は、IE8ではwindow.showModalDialogがどうもキャッシュから情報を拾おうとしているため、のようです。（IE8以外は対象外なのでどうなるか調べてません。） 「のようです。」というのはマニュアル等には書いてなくてそうなったというだけなんです。解決策は 1. 起動時に（ランダムに）URL引数を付与してキャッシュされないようにする。 2. 以下のメタタグを記述する。 <meta http-equiv="Expires" content="-1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" c
IEでイベントの順番がおかしくなる訳 - yamachan の JavaScript メモ
ページ表示を待って処理を実施したいときに Prototype の Event.observe(window, 'load', function(){...}); をよく使います。 これを複数回使った場合、登録された順に実行される… はずだったのですが、IE では順番が狂うみたい。 んでさっそく、テストページを作ってみました。 prototype event test (xhtml) prototype event test (HTML) 実行する JavaScript は以下のように単純なものです。 Event.observe(window, 'load', function(){ alert(1); }); Event.observe(window, 'load', function(){ alert(2); }); 実行結果 以下は定義した順 (1,2) で表示されたもの。 Firef
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript minmax.jsはIE6以下でmin-width,max-width, min-height , max-heightのプロパティを利用可能にするjsライブラリになります。 CSS2では以下のプロパティが定義されているがIE6には実装されていない。 max-width - 要素の横幅の最大値を指定する min-width - 要素の横幅の最小値を指定する max-height - 要素の高さの最大値を指定する min-height - 要素の高さの最小値を指定する minmax.jsはこれらのプロパティを利用可能にするjsライブラリです。 設置方法 設置方法はダウンロードしたminmax.jsをhead要素内などで読み込むだけです。 <script type="
![min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01a0c31d440f29a491fdd71f76aedb1d5a3f40b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
あるＳＥのつぶやき: minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ
minmax.js(doxdesk.com) FireFoxなどでは、以下のCSSを使えてとても便利です。 min-width ・・・要素の最小幅 max-width ・・・ 要素の最大幅(指定幅までしか広がらない) min-height ・・・ 要素の最小の高さ max-height ・・・ 要素の最大の高さ(指定の高さまでしか広がらない)でも、これはIEでは使えず大変不便です。 上記CSSをIEでも使えるようにするのが、minmax.jsです。 ・サンプル <html> <head> <!-- <script type="text/javascript" src="minmax.js"> </script> --> <style type="text/css"> <!-- .minmax { background-color:#FFCC66; max-width:100px; } -
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6-Promiseってどう読み込めばいい？polyfillの使い方 | teratail
大人のおもちゃコレクション