位置: 编程技术 - 正文
推荐整理分享JavaScript屏蔽Backspace键的实现代码(javascript屏蔽元素),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript屏蔽全屏广告,js屏蔽网页元素,javascript屏蔽font,javascript屏蔽元素,javascript屏蔽元素,javascript屏蔽网页元素,javascript屏蔽元素,javascript屏蔽广告代码,内容如对您有帮助,希望把文章链接给更多的朋友!
今天在IE浏览器下发现,当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Backspace键。
代码如下:
加上这样的处理之后,就可以解决"只读输入框在IE下按下Backspace键回退到前一个页面的问题了"
ps:用JS屏蔽backspace(退格删除)键或某一个指定键的完美代码
当我们的网页内有一个只读属性的表单时,如下:
上面的这个文本域只是用来向用户展示一些信息的,用户不能对其进行更改,所以加上了“readonly='readonly'”的只读属性,但是在IE8下面,从外观上是看不出来它和其它正常文本域的区别的,所以有的用户可能会对其进行一些删除或者添加内容的一些操作,比如当光标位于这个只读属性的文本域内时,如果用户按下了backspace(退格删除键),那么就会导致整个浏览器的后退,会让人很是郁闷,这时我们要做的就是屏蔽这个只读文本域上的一些指定的键,使用户按下这些键时不会引起浏览器的退后,刷新,或者前进等动作。
上面的代码中,onkeydown表示的是当按下按键时的意思,下面来JS函数pingbi的具体代码,也是非常简单的:
好了,这样当光标位于只读属性的文本域内时,用户按下backspace(退格删除键)时就不会引起浏览器的后退了。
总结
以上所述是小编给大家介绍的JavaScript屏蔽Backspace键的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
极简主义法编写JavaScript类 这个所谓的"极简主义法"是荷兰程序员GabordeMooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原
微信小程序实现图片放大预览功能 需求:当点击图片时,当前图片放大预览,且可以左右滑动实现方式:使用微信小程序图片预览接口我们可以看到api需要两个参数,分别通过下面的data-
微信小程序选择图片和放大预览图片功能 视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage({})此方法是用来选择图片的方法,具体使用如下:data:{avatarUrl:n
标签: javascript屏蔽元素
本文链接地址:https://www.jiuchutong.com/biancheng/369711.html 转载请保留说明!友情链接: 武汉网站建设