在这个例子中，我们为外部链接添加了一个事件监听器，当用户点击链接时，会阻止链接的默认行为（即直接打开新标签页），并弹出一个确认框。如果用户选择“确认”，则使用window.open()方法在新的标签页中打开该链接；如果用户选择“取消”，则不会有任何动作发生。
一、标题H2一类
1.1、标题H3二类
弄好元件以后，要开始加事件了，我们先想想最后需要什么效果：
三个小模块可以左右滑动，滑动过程内容要跟着一起动；
左右滑需要边界，最左侧不能模块最左侧的位置，最右侧也不能低于模块最右侧的位置。
二、标题H2一类
2.1、标题H3二类
其实这个模板主要用到文字拆分的思路，例如唧唧复唧唧，木兰当户织，这里搜索木兰，我们就要把文本分割，前面是唧唧复唧唧，是前文本，当户织是后文本，然后在通过设置文本中的富文本，将中间搜索的木兰设置为红色字体。
所以这里主要用到几个函数：
indexof函数：可以找出第一个搜索词出现在第几位，例如木兰出现在第6位；
length函数：可以获取搜索文本的长度，例如木兰的长度为2；
slice函数：可以对文本进行切割，例如提取木兰前面的唧唧复唧唧，是slice(0,6)，提取木兰后面的当户织是slice(8)，这样我们用设置文本就可以看成3段，只需要把这三段凭借起来，然后中间搜索词设置字体颜色为红色即可。
当然这种是文本段落只有一个关键词的情况，如果有多个关键词的思路其实也是一样，就是循环切割分段，直至文本里没有找到搜索词位为止。
2.2、标题H3二类
在这个示例中，我们添加了一个名为 `update` 的方法，用于更新图片的位置。我们还添加了一个名为 `draw` 的方法，用于将图片绘制到屏幕上。
最后，我们在主循环中调用这些方法，以便在屏幕上更新和绘制图像。
请注意，这个示例仅向右移动图像。要实现左右移动，你需要添加键盘事件处理，以便在按下特定键时更新图像的位置。你还可以添加边界检查，以确保图像不会超出屏幕边界。
这种方法可以根据实际需求进行调整，例如，可以将这段代码封装成一个函数，用来处理所有外部链接，或者使用更复杂的逻辑来判断哪些链接应该弹出警告框。
请注意，这样的提示虽然有助于提高安全性，但也可能对用户体验造成一定影响，因此需要在安全性和用户体验之间找到合适的平衡点。
原创声明：本文系作者授权墨思产品经理发表，未经许可，不得转载。
如有侵权，请联系 WebMaster@MoSiPM.com 删除。
原创声明：本文系作者授权墨思产品经理发表，未经许可，不得转载。
如有侵权，请联系 WebMaster@MoSiPM.com 删除。
| 留言与评论（共有 0 条评论） |