CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性

2.CSS文本

white-space: pre-line; 强制文字进行换行，前提是在文本中要先在文字中加” \n “，这样css识别出来在此处进行强制换行。

word-wrap:normal | break-word, break-word可以将内容在边界内换行（不截断英文单词的换行）

word-break:keep-all | break-all当设置keep-all的时候，对于中文文本来说，只可以在半解空格或连字符或任何标点符号的地方换行，中文与中文之间不可以换行，一个长文本也不可以换行。

当设置break-all的时候，主要是在不同的浏览器上显示的效果都不同，因为每个浏览器的内核不同，这里在chrome、safari、Firefox中可以允许标点符号位于首行显示。

2.2
溢出文本text-overflow
text-overflow: clip | ellipsis有两个属性，一个是默认的属性 clip , 另一个是ellipsis，

如果要实现溢出隐藏，必须满足3个条件：
- width ：明确给需要截取文本的容器设置宽度值。
- white-space:nowrap：给文本容器设置强制不换行，让元素文本一行内显示。
- over-flow: hidden：设置容器文本溢出时隐藏。
执行上面的属性条件之后，页面超出的文字部分将会以...的形式显示。

3.点击事件on和onclick 两者之间的区别（很重要）

第1种事件
$('.XX').click('.xxx',function() { alert('xxx') });
第2种事件
$('.XXX').on('click','.xxx', function() { alert('xxx') })

click是点击事件，但是在页面加载完之后，jquery事件新添加的元素，用click的话是无法获取元素的，这个时候要用on去获取元素事件，简单的说页面加载完成时候页面显示的元素可以用on，也可以用click，但是页面加载完成之后后期再追加的元素只能用on。

这两个事件的区别之处在于:
简单的说页面加载完成时候页面显示的元素（DOM节点已全部加载完）可以用 on ，也可以用click ，

但是在页面加载完成之后后期再追加元素（DOM节点元素还没完全显示出来）只能用on

解释一下：

$('.AAA').on('click','.bbb', function() { alert('bbb') })
获取class 为bbb元素的上一级（或父级）元素，选择click的方式，执行回调函数function ()并运行弹出元素bbb,这里的on,元素bbb如果没全部加载出来。没有直接获取到class为bbb的元素，这个时候它就会去找上一级（或父级）的元素，然后在从上一级（或父级）往下接着再执行，就会找到class为bbb的元素了，就触发了点击事件，并执行事件里面的函数啦 ~

CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性相关推荐

点击事件on和onclick 两者之间的区别
点击事件on和onclick 两者之间的区别(很重要) 第1种事件 $('.XX').click('.xxx',function() { alert('xxx') }); 第2种事件 $('.XX ...
html循环自动点击事件,js循环遍历ul中li的点击事件，给给选中li添加css
功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...
css 点击事件击穿
点击事件击穿这种需求的发生前提通常是在有一个a组件被b组件完全覆盖这种情况下产生. 这种可以分为两种细分需求,一种是a被b盖住后,但只需要a能被点击而b不需要被点击:另一种是a被b盖住后,b和a都能被 ...
[CSS] 点击事件触发的动画
源码 https://github.com/YouXianMing/CSS-Animations/tree/master/Event 效果细节 1) 一个完整的可回溯的动画至少包括了两种状态,以及两 ...
python点击事件onclick_Python获取onclick值
我正在使用Python和BeautifulSoup为我的一个小项目创建一个网页.该网页有多个条目,每个条目用HTML中的表行分隔.我的代码部分工作,但是很多输出是空白的,它不会从网页中获取所有结果,甚 ...
html动画点击事件,[CSS] 点击事件触发的动画
redis键命令 1.ping命令用于检测redis是否启动成功返回pong表示链接成功 2.在远程redis服务上执行命令 Redis-cli -h host -p port -a passwor ...
设置html按钮点击事件无效果,css怎么设置按钮不能点击？
css怎么设置按钮不能点击?下面本篇文章就来给大家介绍一下使用CSS设置按钮不能点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 想要按钮不能点击可以通过设置按钮点击事件失 ...
如何给Vue v-for循环渲染出的元素（导航栏）批量添加点击事件及点击后添加css类样式及点击后路由跳转切换
如何给Vue v-for循环渲染出的元素批量添加点击事件及点击后添加css类样式及点击后路由跳转切换能够实现或解决的问题给Vue v-for循环出的元素批量添加点击事件,并以自己在数组中 ...
安卓java代码标签_Android实现动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添 ...

CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性

CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性相关推荐

最新文章

热门文章