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

 更新时间:2015年12月15日 15:23:29   作者:hongweigg  
这篇文章主要介绍了JavaScript中Textarea滚动条不能拖动的解决方法,主要针对IE浏览器中Textarea滚动条绑定了onfocus事件时分析对应的处理方法,需要的朋友可以参考下

本文实例分析了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程序设计有所帮助。

相关文章

  • 学习使用bootstrap的modal和carousel

    学习使用bootstrap的modal和carousel

    这篇文章主要教大家学会用bootstrap的modal和carousel,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 新手如何快速理解js异步编程

    新手如何快速理解js异步编程

    这篇文章主要介绍了新手如何快速理解js异步编程,异步编程从早期的 callback、事件发布\订阅模式到 ES6 的 Promise、Generator 在到 ES2017 中 async,看似风格迥异,但是还是有一条暗线将它们串联在一起的,,需要的朋友可以参考下
    2019-06-06
  • 解析ES6中的解构赋值(数组,对象,嵌套,默认值)

    解析ES6中的解构赋值(数组,对象,嵌套,默认值)

    解构赋值是一种特殊的语法,它使我们可以将数组或对象“拆包”至一系列变量中,因为有时这样更方便,接下来通过本文给大家介绍ES6中的解构赋值(数组,对象,嵌套,默认值),需要的朋友可以参考下
    2022-11-11
  • JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    本文给大家分享一段js代码利用利用localStorage防止页面动态添加数据刷新后数据丢失问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-03-03
  • javascript 数组使用方法汇总

    javascript 数组使用方法汇总

    由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素 可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了.
    2009-12-12
  • Js+php实现异步拖拽上传文件

    Js+php实现异步拖拽上传文件

    本文给大家分享的是使用php结合js实现异步拖拽上传文件的代码,及示例,有需要的小伙伴可以参考下。
    2015-06-06
  • Promise对象all与race方法手写示例

    Promise对象all与race方法手写示例

    这篇文章主要为大家介绍了Promise对象all与race方法手写示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • js代码规范之Eslint安装与配置详解

    js代码规范之Eslint安装与配置详解

    这篇文章主要介绍了js代码规范之Eslint安装与配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JavaScript字符串包含问题

    JavaScript字符串包含问题

    这篇文章主要介绍了JavaScript字符串包含问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-11-11
  • echarts堆叠柱状图柱子之间间隔开具体实现代码

    echarts堆叠柱状图柱子之间间隔开具体实现代码

    ECharts是一个强大的数据可视化库,它的堆叠柱状图通常用于比较各个分类的数据总量,这篇文章主要给大家介绍了echarts堆叠柱状图柱子之间间隔开具体实现的相关资料,需要的朋友可以参考下
    2024-11-11

最新评论