時時監控 input 輸入框輸入的文本值
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
//IE
var browserName=navigator.userAgent.toLowerCase();
if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
$("#msg_bg_color_text").get(0).addEventListener("input",function(o){
// alert(o.target.value);
console.info("****************" + o.target.value );
},false);
alert("IE");
//非IE
}else{
alert("no IE");
$("#msg_bg_color_text").get(0).attachEvent("onpropertychange",function (o){
// alert(o.srcElement.value);
alert(o.srcElement.value);
console.info("****************" + o.srcElement.value );
});
}
});
$(document).ready(function(){
$("#msg_bg_color_text").change( function() {
console.info("****************" +$(this).val() );
});
});
</script>
</head>
<body>
顏色：<input type="text" id="msg_bg_color_text" name="msg_bg_color" value="000fff"/>
<span id="msg_bg_color_look">abcddddd</span>
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章