| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「JavaScript SELECT BOX の OnChange をキャンセルする」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
1行目: 1行目:
==JavaScript SELECT BOX の OnChange をキャンセルする==
+
==[[JavaScript SELECT BOX の OnChange をキャンセルする]]==
 
[[JavaScript]] |  
 
[[JavaScript]] |  
 
====onbeforeactivate を使って無理やり元に戻す====
 
====onbeforeactivate を使って無理やり元に戻す====
5行目: 5行目:
 
*window.event.cancelBubble
 
*window.event.cancelBubble
 
*window.event.returnValue
 
*window.event.returnValue
=====IE Only=====
+
=====[[IE]] Only=====
 
*http://msdn.microsoft.com/en-us/library/ms536791(VS.85).aspx
 
*http://msdn.microsoft.com/en-us/library/ms536791(VS.85).aspx
 
  <html>
 
  <html>
11行目: 11行目:
 
  <script>
 
  <script>
 
  function change_handler(sel) {
 
  function change_handler(sel) {
     sel.value = sel.previouse_selected_value;
+
     sel.value = sel.pre[[vi]]ouse_selected_value;
 
  }
 
  }
 
  </script>
 
  </script>
 
  </head>
 
  </head>
 
  <body>
 
  <body>
  <select onbeforeactivate="this.previouse_selected_value=this.value;" onchange="change_handler(this)">
+
  <select onbeforeactivate="this.pre[[vi]]ouse_selected_value=this.value;" onchange="change_handler(this)">
 
     <option value="1">1</option>
 
     <option value="1">1</option>
 
     <option value="2">2</option>
 
     <option value="2">2</option>

2020年2月16日 (日) 04:28時点における最新版

JavaScript SELECT BOX の OnChange をキャンセルする

JavaScript |

onbeforeactivate を使って無理やり元に戻す

参考
  • window.event.cancelBubble
  • window.event.returnValue
IE Only
<html>
<head>
<script>
function change_handler(sel) {
    sel.value = sel.previouse_selected_value;
}
</script>
</head>
<body>
<select onbeforeactivate="this.previouse_selected_value=this.value;" onchange="change_handler(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
</body>
</html>