&>&移动端html5带小数点的数字软键盘
移动端html5带小数点的数字软键盘
上传大小：2KB
移动端、手机端、ipad平板前端开发html，带有小数点的数字软键盘
综合评分：4
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有8条
下载了可用于项目
帮别人下载的
挺好用的东东
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
移动端html5带小数点的数字软键盘
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
举报的资源分：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*详细原因：
移动端html5带小数点的数字软键盘iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决方案
47870次浏览
做touchweb开发的时候，做头疼的是，电脑上面时候好的，有些手机上面也是好的，个别手机和浏览器出现问题，对于这些，只能慢慢调试，找问题。
今天说一下比较老的IOS的问题，那就是“iOS下的 Fixed + Input 调用键盘的时候fixed无效问题”。
&body class=&layout-fixed&&
&!-- fixed定位的头部 --&
&!-- 可以滚动的区域 --&
&!-- 内容在这里... --&
&!-- fixed定位的底部 --&
&input type=&text& placeholder=&Footer...&/&
&button class=&submit&&提交&/button&
对应的样式如下：
header, footer, main {
height: 50
height: 34
bottom: 0;
margin-top: 50
margin-bottom: 34
height: 2000px
然后看起来就是下面这个样子。拖动页面时 header 和 footer 已经定位在了对应的位置，目测没问题了。
但接下来问题就来了！如果底部输入框软键盘被唤起以后，再次滑动页面，就会看到如下图所示：
我们看到 fixed 定位好的元素跟随页面滚动了起来… fixed 属性失效了！
这是为什么呢？简单解释下： & 软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可以理解为变成了 absolute 定位），所以当页面超过一屏且滚动时，失效的 fixed 元素就会跟随滚动了。
这便是 iOS 上 fixed 元素和输入框的 bug 。其中不仅限于 type=text 的输入框，凡是软键盘（比如时间日期选择、select 选择等等）被唤起，都会遇到同样地问题。
虽然 isScroll.js 可以很好的解决 fixed 定位滚动的问题，但是不在万不得已的情况下，我们尽量尝试一下不依赖第三方库的布局方案，以简化实现方式。这里抛砖引玉作为参考。
既然在 iOS 下由于软键盘唤出后，页面 fixed 元素会失效，导致跟随页面一起滚动，那么假如——页面不会过长出现滚动，那么即便 fixed 元素失效，也无法跟随页面滚动，也就不会出现上面的问题了。
那么按照这个思路，如果使 fixed 元素的父级不出现滚动，而将原 body 滚动的区域域移到 main 内部，而 header 和 footer 的样式不变，代码如下：
&body class=&layout-scroll-fixed&&
&!-- fixed定位的头部 (absolute绝对定位也可以)--&
&!-- 可以滚动的区域 --&
&div class=&content&&
&!-- 内容在这里... --&
&!-- fixed定位的底部 （absolute绝对定位也可以）--&
&input type=&text& placeholder=&Footer...&/&
&button class=&submit&&提交&/button&
header, footer, main {
position://或者absolute
height: 50
position://或者写成absolute
height: 34
bottom: 0;
/* main绝对定位，进行内部滚动 */
bottom: 34
/* 使之可以滚动 */
overflow-y:
/* 增加该属性，可以增加弹性，是滑动更加顺畅 */
-webkit-overflow-scrolling:
main .content {
height: 2000
另外，这里的 header 和 footer 使用的是 fixed 定位，如果考虑到更老一些的 iOS 系统不支持 fixed 元素，完全可以把 fixed 替换成 absolute 。测试后效果是一样的。
按照上面布局，就不会出现问题了！
另外一种方案
这个方案是最近在网上看到的，我没有使用过，但是看到案例是没有问题的，感兴趣的可以去看下，我在中已经发布了这个方案。
地址如下：
欢迎访问留言！
相关文章：
关键词搜索在input里面IOS怎么调用九宫格数字键盘_百度知道
在input里面IOS怎么调用九宫格数字键盘
我有更好的答案
html 是通过input标签的type属性来触发不同的键盘类型的。常用的type是text和password，即：账户：&input type=&text& value=&& /&密码：&input type=&password& value=&& /&触发移动设备上的数字键盘搜索，就需写成：&input type=&number& pattern=&[0-9]*&&
&input type=&number& value=&& /&&input type=&tel& value=&& /&触发邮件键盘（键盘上带有“@”符号可输入），就写成：&input type=&email& value=&& /&需要进行内容搜索，就写成：&input type=&search& value=&& /&以上仅仅是列举了一些常用的，大多都得不到浏览器（或者App里的webview）的支持，也就不推荐使用了。
采纳率：85%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。拒绝访问 | www.th7.cn | 百度云加速
请打开cookies.
此网站 (www.th7.cn) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(43a1-ua98).
重新安装浏览器，或使用别的浏览器Pages: 1/2
主题 : 请教：请问iPhone软键盘的Frame（大小）怎么获取？
级别: 新手上路
可可豆: 122 CB
威望: 122 点
在线时间: 94(时)
发自: Web Page
请教：请问iPhone软键盘的Frame（大小）怎么获取？&&&
想实现软键盘弹出时控件（TextField或TextView）跟着上移而不被遮挡的效果。上移是实现了，但是具体移多少不知道，之前是直接给了一个值（这个值是我估算出来的），但感觉这样不是很好，所以想知道键盘的高度，来根据这个高度判断是否遮挡控件，需不需要上移，移动多少等问题。但不知键盘的高度如何获取，各位大虾可否指点迷津？
级别: 新手上路
可可豆: 122 CB
威望: 122 点
在线时间: 94(时)
发自: Web Page
大家别光看不会啊，哪位告诉给指点一下啊
级别: 新手上路
可可豆: 70 CB
威望: 70 点
在线时间: 54(时)
发自: Web Page
PORTRAIT_KEYBOARD_HEIGHT
级别: 侠客
可可豆: 805 CB
威望: 805 点
在线时间: 377(时)
发自: Web Page
- (void) registerForKeyboardNotifications{&&&&[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasShown:) name:UIKeyboardDidShowNotification object:nil];&&&&&&&&[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWasHidden:) name:UIKeyboardDidHideNotification object:nil];}- (void) keyboardWasShown:(NSNotification *) notif{&&&&NSDictionary *info = [notif userInfo];&&&&&&&&NSValue *value = [info objectForKey:UIKeyboardBoundsUserInfoKey];&&&&CGSize keyboardSize = [value CGRectValue].&&&&&&&&CGRect scrollViewFrame= [scrollView frame];&&&&scrollViewFrame.size.height -= keyboardSize.&&&&scrollView.frame = scrollViewF&&&&[scrollView scrollRectToVisible:inputElementFrame animated:YES];&&&&keyboardWasShown = YES;}- (void) keyboardWasHidden:(NSNotification *) notif{&&&&NSDictionary *info = [notif userInfo];&&&&&&&&NSValue *value = [info objectForKey:UIKeyboardBoundsUserInfoKey];&&&&CGSize keyboardSize = [value CGRectValue].&&&&&&&&CGRect scrollViewFrame= [scrollView frame];&&&&scrollViewFrame.size.height += keyboardSize.&&&&scrollView.frame = scrollViewF&&&&keyboardWasShown = NO;&&&&}
级别: 新手上路
可可豆: 50 CB
威望: 50 点
在线时间: 4(时)
发自: Web Page
其实是个固定的值，#define kOFFSET_FOR_KEYBOARD 150.0
级别: 新手上路
可可豆: 100 CB
威望: 100 点
在线时间: 11(时)
发自: Web Page
引用 引用第4楼网蚁于 03:49发表的&&:其实是个固定的值，#define kOFFSET_FOR_KEYBOARD 150.0 这个应该不是个固定值吧。我在ios4.2下面测试，是216.- (void) keyboardWasShown:(NSNotification *) notif{&&&&NSDictionary *info = [notif userInfo];&&&&CGRect keyboardEndF&&&&[[info objectForKey:UIKeyboardFrameEndUserInfoKey] getValue:&keyboardEndFrame];&&&&[label setText: [NSString stringWithFormat:@&%f&, keyboardEndFrame.size.height]];}
级别: 新手上路
可可豆: 122 CB
威望: 122 点
在线时间: 94(时)
发自: Web Page
刚看到你们的回复，感谢各位了，我再研究研究你们的回复哈~
级别: 新手上路
可可豆: 93 CB
威望: 83 点
在线时间: 194(时)
发自: Web Page
回 楼主(dxsy0007) 的帖子
LZ 的问题解决了吗，发个demo呗。。。
级别: 侠客
可可豆: 396 CB
威望: 396 点
在线时间: 727(时)
发自: Web Page
楼主问题解决了可以给个demo不～～～？
级别: 精灵王
UID: 54474
可可豆: 3655 CB
威望: 3652 点
在线时间: 1046(时)
发自: Web Page
3楼的就是最正确的答案，能够动态获取键盘的高度。为什么说动态，因为在横屏和竖屏下键盘高度是不一样的
Pages: 1/2
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版}