JavaScript中Textarea滚动条不能拖动的解决方法

本文实例分析了JavaScript中Textarea滚动条不能拖动的解决方法。分享给大家供大家参考，具体如下：

在IE中，你是否碰到过Textarea的滚动条不能拖动，但点上下按钮可以滚动内容？

这个问题的原因很可能就是在该Textarea中绑定了onfocus事件，但是，基于某种条件，又将其焦点去掉（即blur()），这样就导致滚动条不能拖动。

一个典型的例子为：

me.$input.on("focus",function(){
  if ($isIE && me.enabled == false)
    me.$input.blur();
});

当输入控件$input（DOM 元素我·为textarea）绑定聚焦事件，然后设置为不可用时（!enabled）失去焦点，导致滚动条不能被拖动。

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • textarea 在浏览器中固定大小和禁止拖动的实现方法

    HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小.但是过分拖动大小会影响页面布局,使页面变得不美观. 可以通过添加如下两个样式禁用拖动,固定大小: 1:彻底禁用拖动(推荐) resize: none; 2:只是固定大小,右下角的拖动图标仍在 wi

  • git设置忽略文件.gitignore的方法

    在仓库目录下新建一个名为.gitignore的文件(因为是点开头,没有文件名,没办法直接在windows目录下直接创建,必须通过右键Git Bash,按照linux的方式来新建.gitignore文件).如下图所示. .gitignore文件对其所在的目录及所在目录的全部子目录均有效.通过将.gitignore文件添加到仓库,其他开发者更新该文件到本地仓库,以共享同一套忽略规则. 以下涉及的ignore文件均为如下格式: # 以'#'开始的行,被视为注释. # 忽略掉所有文件名是 foo.txt

  • Yii框架核心组件类实例详解

    本文实例讲述了Yii框架核心组件类.分享给大家供大家参考,具体如下: CComponent类为YII框架的基于组件和事件驱动编程提供了基础,YII框架中的大部分类都将CComponent类作为基类. CComponent类为它的子类提供3个特性: 1.成员变量扩展 通过定义两个成员函数(getXXX/setXXX)来定义一个成员变量,比如: public function getText() {-} public function setText {-} 这样就相当于定义了一个$text成员变量

  • django通过ajax发起请求返回JSON格式数据的方法

    本文实例讲述了django通过ajax发起请求返回JSON格式数据的方法.分享给大家供大家参考.具体实现方法如下: 这是后台处理的: def checkemail(request): user = None if request.POST.has_key('email'): useremail = request.POST['email'] result = {} user = User.objects.filter(useremail__iexact = useremail) if user:

  • JavaScript中Textarea滚动条不能拖动的解决方法

    本文实例分析了JavaScript中Textarea滚动条不能拖动的解决方法.分享给大家供大家参考,具体如下: 在IE中,你是否碰到过Textarea的滚动条不能拖动,但点上下按钮可以滚动内容? 这个问题的原因很可能就是在该Textarea中绑定了onfocus事件,但是,基于某种条件,又将其焦点去掉(即blur()),这样就导致滚动条不能拖动. 一个典型的例子为: me.$input.on("focus",function(){ if ($isIE && me.ena

  • Javascript中常见的逻辑题和解决方法

    一.统计数组 arr 中值等于 item 的元素出现的次数 function count(arr, item) { var count = 0; arr.forEach(function(e){ //e为arr中的每一个元素,与item相等则count+1 e == item ? count++ : 0; }); return count; } function count(arr, item) { return arr.filter(function(a){ return (a==item);

  • 详解JavaScript中精度失准问题及解决方法

    详解JavaScript中精度失准问题及解决方法

    首先来看一下JavaScript中的数字类型的存储情况 ①JS中所有的数字(小数.整型)都是浮点型 ②JS中小数.整型都是Number类型 ③JS中Number类型使用binary64或双精度表示的,实质是一个二进制格式64位的浮点数 ④64位的二进制具体为最高的1位是符号位,接着的11位是指数,剩下的52位为有效数字 ⑤符号位决定了一个数的正负,指数部分决定了数值的大小,小数部分决定了数值的精度,因此,JavaScript提供的有效 数字最长为53个二进制位(64位浮点的后52位+有效数字第一

  • Android Gridview布局出现滚动条或组件冲突解决方法

    Android Gridview布局出现滚动条或组件冲突解决方法

    在你布局或者组件混用的时候你可能会发现 gridview 的九宫格没有完全在页面上显示,只是显示了一个局部(第一行)只有一个滚动条,还不能上下拖动,真的是让人很苦恼,就像下面截图这样,那么该怎么解决呢? 首先这个是组件冲突,不仅仅是gridview, listview出现了也是一样的解决方法.解决方法如下 我的是gridview出现错误,那么我只要重写一下gridview就行了. import android.content.Context; import android.util.Attrib

  • PHP针对常规模板引擎中与CSS/JSON冲突的解决方法

    本文实例讲述了PHP针对常规模板引擎中与CSS/JSON冲突的解决方法,有一定的实用价值,具体分析如下: 本文主要针对对象为Smarty与Dwoo 在Smarty中经常会出现和CSS/JS的语法存在冲突的情况,因为二者都需要使用大括号{}.虽然可以改Smarty的界定符,但你在一个现存系统中,去修改所有相关代码,是不划算的.解决方法如下: 1. 避免同时出现 通过外部引用的方式避免.问题是避无所避.所以这种情况只适合少量简单的情况. 2. 修改Smarty界定符 3.可以使用Smarty的lit

  • IE6浏览器中window.location.href无效的解决方法

    本文实例讲述了IE6浏览器中window.location.href无效的解决方法.分享给大家供大家参考.具体方法如下: window.location.href是js中跳转功能,很多人在ie6中都会发现window.location.href不能跳转了,下面我给大家来介绍一下其原因与解决方法. 问题代码如下: 复制代码 代码如下: <a href="javascript:void(0);" onclick="javascript:test();">点击

  • Android中ScrollView嵌套GridView显示不全解决方法

    Android中ScrollView嵌套GridView显示不全解决方法

    Android中ScrollView嵌套GridView显示不全解决方法 由于ScrollView和GridView这两款控件都自带滚动条,一起使用GridView会显示不全 解决方法:自定义gridview 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • webstorm和.vue中es6语法报错的解决方法

    1.webstorm中es6语法报错,解决方法: 打开 Settings => Languages & Frameworks => Javascript 把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错,但是.vue文件中es6语法依然报错. 2. .vue文件中es6语法报错 (1)打开 Settings => File Types 找到 HTML 添加 *.vue 这样vue文件就相当于html

  • jQuery niceScroll滚动条错位问题的解决方法

    虽然niceScroll插件很好用,毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了. 最近在项目中使用到niceScroll,而且在表格里有横滚动条,竖滚动条时很容易错位,就是滚动条会悬浮在半空,并不是在div的底部或右边,打开f12可看到滚动条并不是直接定位在div里面,而是在整个body最后,和要使用定位的div同级,这而导致了这个bug,尤其是在IE下更明显,滚动条四处飞︿(￣︶￣)︿. 在网上找了很多资料好像都没有这个情况,可能他们项目没那么多横向滚动条吧..... 要解决

  • JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍

    •原理: •高级浏览器支持forEach方法 语法:forEach和map都支持2个参数:一个是回调函数(item,index,list)和上下文: •forEach:用来遍历数组中的每一项:这个方法执行是没有返回值的,对原来数组也没有影响: •数组中有几项,那么传递进去的匿名回调函数就需要执行几次: •每一次执行匿名函数的时候,还给其传递了三个参数值:数组中的当前项item,当前项的索引index,原始数组input: •理论上这个方法是没有返回值的,仅仅是遍历数组中的每一项,不对原来数组进行

随机推荐