资讯专栏INFORMATION COLUMN

js实现 textArea 的 placeholder 换行

hot_pot_Leo / 884人阅读

摘要:今天写的换行的方法,网络上找了好多资料,写的不太详细,只好自己写一个,现分享给大家。儿童车票与成人同价,如您的小孩不足厘米,且不需要占车位,请在选择人数时不要提交儿童人数,如身高为厘米以上的儿童必须提交儿童人数。

今天写textarea的placeholder 换行的方法,网络上找了好多资料,写的不太详细,只好自己写一个demo,现分享给大家。
网络上看到方法大概有jQuery的watermark,这种方法可以在chrome中实现,其他浏览器不可以,所以我选择用js实现以下。
要点:
1,鼠标的焦点事件focus与blur;
2,jQuery的input与propertychange事件;
当触发这些事件的时候改变textarea的value值;就这么简单,上代码了,拿下来就能用。




    
        
        
        
        
    

    
        
        
    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84522.html

相关文章

  • js实现 textArea placeholder 换行

    摘要:今天写的换行的方法,网络上找了好多资料,写的不太详细,只好自己写一个,现分享给大家。儿童车票与成人同价,如您的小孩不足厘米,且不需要占车位,请在选择人数时不要提交儿童人数,如身高为厘米以上的儿童必须提交儿童人数。 今天写textarea的placeholder 换行的方法,网络上找了好多资料,写的不太详细,只好自己写一个demo,现分享给大家。网络上看到方法大概有jQuery的wate...

    luqiuwen 评论0 收藏0
  • CSS 实现 textArea placeholder 换行

    摘要:官方不认为这是一个意思就是说表示的是一个简单的提示一个词或者一个短语,根本不需要换行。但是实际应用中,我们有时需要换行。如何解决很多时候我们用来解决,其实也可以实现。表示换行以上是的代码,类也有相应的版本表示换行可以参考上的讨论。 textArea的placeholder不能换行。例如: 这是不会起作用的,会原封不动地输出。 showImg(http://segmentfau...

    charles_paul 评论0 收藏0
  • 解决input 中placeholder那些神坑

    摘要:昨天后台小哥哥提到无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题 解决方案一:jquery实现 当浏览器不支持...

    chnmagnus 评论0 收藏0
  • 解决input 中placeholder那些神坑

    摘要:昨天后台小哥哥提到无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题 解决方案一:jquery实现 当浏览器不支持...

    bigdevil_s 评论0 收藏0
  • 解决input 中placeholder那些神坑

    摘要:昨天后台小哥哥提到无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题 解决方案一:jquery实现 当浏览器不支持...

    ingood 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<