利用jQuery實現手機端數字鍵盤底部彈出代碼



14 53 18



特效描述:利用jQuery實現 手機端 數字鍵盤 底部彈出代碼,利用jQuery實現手機端數字鍵盤底部彈出代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/mobileNumbk.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/mobileNumkb.js"></script>

3. HTML代碼

<div style="padding: 50px;">
	<input type="text" class="input1" placeholder="點擊輸入數字">
	<input type="text" class="input2" placeholder="點擊輸入數字">
	<input type="text" class="input3" placeholder="點擊輸入數字">
	<input type="text" class="input4" placeholder="點擊輸入數字">
</div>
<script type="text/javascript">
	var option1 = {
		style: 1,//顏色風格
		textDone: '確定',
		textDelete: '退格',
		textClear: '清除',
		textCancel: '退出',
		textSubtract: '+/-'
	}
	var options2 = {
		style: 2 //顏色風格
	}
	var options3 = {
		style: 3 //顏色風格
	}
	$(".input1").numbk(option1).click(function(){
		console.log("click1");
	});
	$(".input2").numbk(options2).click(function(){
		console.log("click2");
	});
	$(".input3").numbk(options3).click(function(){
		console.log("click3");
	});
	$(".input4").numbk().click(function(){
		console.log("click4");
	});
	$(".input1").numbk("setValue",-987);
	$(".input2").numbk("setValue",456);
	$(".input3").numbk("setValue",123);
	$(".input4").numbk("setValue",-231.4365465,5456,545);
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 滑動星星打分 切換按鈕 表單 表單美化 表單插件 表單美化插件 其他 提示框/彈出層 鍵盤 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 淘宝快3群 vr彩票充值 云南十一选五遗漏统计 顶呱刮彩票一本多少钱 36棋牌中心 360彩票app正式版下载 大乐透开结果 798游戏龙王捕鱼 微乐河南麻将辅助器免费版 走势图排列5 球深比分网即时比分 体育彩票排列3 今年小本赚钱代理项目 陕西十一选五玩法 49彩票软件下载 35选7开奖结果第丨26期